@charset "utf-8";

.search-box-dropdown-item { cursor: pointer; border: 2px solid transparent; transition: border 0.2s; border-radius: 2px; }

.search-box-dropdown-item__synthetic-focus { border-color: rgb(var(--colour-neutral-7)); }

.search-box-dropdown-link { display: grid; grid-template-columns: [image] 3rem [content] 1fr; column-gap: 1rem; padding: calc(-2px + 0.75rem) 0px; text-decoration: none; }

.search-box-dropdown-link:hover { text-decoration: none; }

.search-box-dropdown-link-icon { justify-self: end; }

.search-box-dropdown-link-text p { margin: 0px; word-break: break-word; text-decoration: none; }

.search-box-dropdown-link-text .text--body-m { color: rgb(var(--colour-neutral-7, 17, 17, 17)); }

.search-box-dropdown-link-text p:nth-child(1).text { color: rgb(var(--colour-neutral-7, 17, 17, 17)); }

.search-box-dropdown-link-text p:nth-child(1):hover.text { text-decoration: underline; }

.search-box-dropdown-link-text p:nth-child(2) { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); word-break: break-word; }

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

.search-box-loader-ball { display: block; margin-bottom: 1rem; text-align: center; pointer-events: none; border-radius: 64px; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.4, 1); transform-origin: center center; animation: 0.7s ease 0s infinite normal none running loader-ball-bounce-keyframe; }

.search-box-loader-ball--primary { background-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.search-box-loader-ball--secondary { background-color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.search-box-loader-ball--small { width: 0.25rem; height: 0.25rem; }

.search-box-loader-ball--medium { width: 0.5rem; height: 0.5rem; }

.search-box-loader-ball--large { width: 1rem; height: 1rem; }

.search-box-visual_widget__container { display: flex; justify-content: space-between; padding: 1rem; border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 0.75rem; margin-block-end: 1rem; align-items: center; cursor: pointer; }

.search-box-visual_widget__container:focus-within { outline: 2px solid rgb(var(--colour-neutral-7, 17, 17, 17)); }

.search-box-visual_widget__action { display: flex; gap: 1.25rem; align-items: center; }

.search-box-visual_widget__action__icon { display: flex; justify-content: center; align-items: center; padding: 0.5rem; color: rgb(var(--colour-neutral-7, 17, 17, 17)); background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 50%; }

.search-box-visual_widget__action__text { font-weight: 600; }

.search-box-visual_widget__cancel__icon { appearance: none; background: none; border: 0px; display: flex; align-items: center; justify-content: center; padding: 0.25rem; color: rgb(var(--colour-neutral-7, 17, 17, 17)); border-radius: 50%; }

.search-box-dropdown { z-index: 5004; position: absolute; left: 0px; right: 0px; width: 100%; min-height: 4rem; max-height: calc(-60px + 100vh); overflow-x: auto; background: rgb(var(--colour-neutral-1, 255, 255, 255)); border-radius: 0px 0px 0.5rem 0.5rem; padding: 1rem 2rem 1.5rem; }

.search-box-dropdown--disabled { pointer-events: none; }

@media (min-width: 56.25em) {
  .search-box-dropdown { left: -0.75rem; right: -0.75rem; width: calc(100% + 1.5rem); max-height: calc(-8.5rem + 100vh); }
}

.search-box-dropdown-title { margin-bottom: 1.875rem; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.search-box-dropdown-title:focus-within { outline: currentcolor solid 2px; outline-offset: 0.25rem; }

.search-box-dropdown-title__clear { color: currentcolor; text-decoration: underline; font-size: inherit; line-height: inherit; background-color: transparent; border: none; padding: 0px; }

.search-box-dropdown-results { list-style: none; }

.search-box-dropdown__loader { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; background-color: rgb(from rgb(var(--colour-neutral-1, 255, 255, 255)) r g b/85%); }

.search-box-dropdown__loader--error { background-color: rgb(from rgb(var(--colour-neutral-1, 255, 255, 255)) r g b/95%); color: rgb(var(--colour-semantic-negative, 224, 7, 81)); text-align: center; }

@keyframes overlay-fade-in-keyframe { 
  0% { opacity: 0; }
  100% { opacity: 0.15; }
}

.search-box-overlay { position: absolute; inset: 0px; height: 100vh; z-index: 5002; background-color: rgb(0, 0, 0); animation: 0.2s ease-in-out 0s 1 normal forwards running overlay-fade-in-keyframe; }

.search-box-container:has(+ .search-box-overlay) .search-box-wrapper::before { position: absolute; inset: 0px; display: block; width: 100%; height: calc(100% + 1.5rem); content: ""; background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); border-radius: 0px; }

@media (min-width: 56.25em) {
  .search-box-container:has(+ .search-box-overlay) .search-box-wrapper::before { inset: -0.75rem; width: calc(100% + 1.5rem); border-radius: 0.5rem 0.5rem 0px 0px; }
}

button.search-box-search__back:focus { outline-offset: 0px; }

.search-box-form { display: flex; gap: 0.5rem; }

.search-box-close__container { display: flex; align-items: center; }

.search-box-search { flex-grow: 1; }

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

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

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

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

.search-box-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) {
  .search-box-svg-icon { transition-property: none; }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.search-box-btn:disabled { cursor: default; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.search-box-btn--icon-image-overlay, .search-box-btn--image-overlay { --background: rgba(var(--colour-static-black, 17, 17, 17), .75); --background-hover: rgba(var(--colour-static-black, 17, 17, 17), .85); --background-press: rgba(var(--colour-static-black, 17, 17, 17), .95); }

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

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

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

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

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

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

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

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

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

.search-box-btn .search-box-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 search-box-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 search-box-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); }
}

.search-box-btn--loading { pointer-events: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.search-box-btn--expanding .search-box-btn__inner .search-box-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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.search-box-btn .search-box-svg-icon, .search-box-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); }

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

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

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

.search-box-search { --skapa-search-filled: 0; transition: background-color 0.2s cubic-bezier(0.4, 0, 0.4, 1), border 0.2s cubic-bezier(0.4, 0, 0.4, 1); position: relative; display: flex; align-items: center; overflow: hidden; border-radius: 64px; background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); padding-inline-end: 0.75rem; }

.search-box-search:focus-within { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); box-shadow: inset 0 0 0 2px rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.search-box-search:focus-within .search-box-search__input:-webkit-autofill { border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: 0px; }

.search-box-search--filled { --skapa-search-filled: 1; --skapa-search-button-width: 3.0625rem; --skapa-search-actions-timing-function: step-start; }

.search-box-search__input { transition: padding 0.2s cubic-bezier(0.4, 0, 0.4, 1); flex-grow: 1; margin: 0px; padding: 0px; padding-inline-start: calc(3rem - var(--skapa-search-filled) * 1.5rem); height: 3rem; width: calc(100% - 2.5rem); border: none; outline: none; appearance: none; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); background-color: transparent; text-overflow: ellipsis; box-shadow: transparent 0px 0px 0px 3rem inset; border-radius: 0px; }

.search-box-search__input::placeholder { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.search-box-search__input::-webkit-search-cancel-button { appearance: none; }

.search-box-search__input:-webkit-autofill { background-color: transparent; font-family: inherit; -webkit-text-fill-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); box-shadow: 0 0 0 3rem rgb(var(--colour-neutral-2, 245, 245, 245)) inset; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.4, 1); border-radius: 64px 0px 0px 64px; border: 0px; }

.search-box-search__input:focus ~ .search-box-search__clear { --skapa-search-action-override: 0; }

.search-box-search--small .search-box-search__input { height: 2.5rem; }

.search-box-search--large .search-box-search__input { height: 3.5rem; }

.search-box-search--focus-with-clear.search-box-search--filled .search-box-search__input:focus ~ .search-box-search__clear { --skapa-search-action-override: 1; }

.search-box-search__input-wrapper { position: relative; display: flex; align-items: center; flex-grow: 1; height: 100%; }

.search-box-search__icon { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); pointer-events: none; position: absolute; margin-inline-start: 1rem; transition: transform 0.2s cubic-bezier(0.4, 0, 0.4, 1), opacity 0.2s cubic-bezier(0, 0, 1, 1); transform: scale(calc(1 - var(--skapa-search-filled))); opacity: calc(1 - var(--skapa-search-filled)); z-index: 1; }

.search-box-search__chevron-down { pointer-events: none; flex-shrink: 0; }

.search-box-search__scope { display: flex; flex: 0 0 0%; padding-inline: 0.5rem 1.5rem; margin-inline-end: -1.5rem; height: 2.5rem; text-overflow: ellipsis; appearance: none; border: none; background-color: transparent; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); max-width: calc(50% - .5rem - var(--skapa-search-button-width, 0rem)); transition: max-width 0.2s cubic-bezier(0.4, 0, 0.4, 1); }

.search-box-search__scope-wrapper { position: relative; display: flex; align-items: center; height: 100%; }

.search-box-search__divider { transition-property: opacity, width, margin; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); height: 1.5rem; background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); margin-inline: 0.5rem; width: 1px; }

.search-box-search__divider--hidden { opacity: 0; width: 0px; margin: 0px; }

.search-box-search__action { --skapa-search-action-state: var(--skapa-search-action-override, var(--skapa-search-filled)); transform: scale(calc(var(--skapa-search-action-state) * 1)); opacity: calc(var(--skapa-search-action-state) * 1); max-width: calc(var(--skapa-search-action-state) * 2rem); transition-duration: 0.2s; transition-property: max-width, transform, opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.search-box-search__actions { --skapa-search-action-override: calc(1 - var(--skapa-search-filled)); position: relative; display: flex; flex-wrap: nowrap; overflow: visible; justify-content: flex-end; max-width: calc(var(--skapa-search-action-override) * 8rem); transition-behavior: normal; transition-duration: 0.2s; transition-delay: 0s; transition-property: max-width, margin; transition-timing-function: var(--skapa-search-actions-timing-function, step-end),cubic-bezier(.4,0,.4,1); margin-inline-start: calc(1 * (3rem + .0625rem) * var(--skapa-search-filled)); margin-inline-end: calc(-1 * (3rem + .0625rem) * var(--skapa-search-filled)); }

.search-box-search__actions > .search-box-search__action { max-width: 2rem; }

.search-box-search__actions > .search-box-search__action:not(:first-child) { margin-inline-start: 1rem; }

@media (forced-colors: active) {
  .search-box-search { border: 1px solid; }
}

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

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

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

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

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

[class*="search-box-typography-"] { font-size: calc(1rem * var(--skapa-base-multiplier, 1) * var(--skapa-font-size, 14) / 16); font-weight: clamp(400,var(--skapa-font-weight, 400),700); line-height: var(--skapa-typography-line-height, 1.5); --skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125); letter-spacing: calc(var(--skapa-characterset-multiplier, 1) * var(--skapa-letter-spacing-multiplier-for-font-weight, .375) * (var(--skapa-base-multiplier, 1) * .875rem - 1em) / (.875 * var(--skapa-rem, 16))); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.search-box-textcontext-wrapper { display: contents; }

.search-box-container { position: relative; }

.search-box-container:has(+ .search-box-overlay) { z-index: 5004; position: absolute; top: 0px; left: 0px; right: 0px; padding: 0.5rem 0.75rem 0px; }

@media (min-width: 37.5em) {
  .search-box-container:has(+ .search-box-overlay) { padding-right: 1.5rem; padding-left: 1.5rem; }
}

@media (min-width: 56.25em) {
  .search-box-container:has(+ .search-box-overlay) { position: relative; padding: 0px; }
}

.prefixdropdown-wrapper { display: contents; }

.search-box-img { display: inline-block; max-width: 100%; }

.search-box-noscroll { overflow: hidden; }

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

.search-box-sr-only-focusable:active, .search-box-sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; }