@charset "utf-8";

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

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

@keyframes search-box-modalSlideToLeft { 
  0% { transform: translate(100%); }
  100% { transform: translate(0px); }
}

@keyframes search-box-modalSlideToRight { 
  0% { transform: translate(0px); }
  100% { transform: translate(100%); }
}

@keyframes search-box-modalSlideFromLeft { 
  0% { transform: translate(-100%); }
  100% { transform: translate(0px); }
}

@keyframes search-box-modalSlideFromRight { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.search-box-modal-wrapper .search-box-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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.search-box-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running search-box-modalSlideUp; }

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

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

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

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

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

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

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

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

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

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

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

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

.search-box-sheets__content { height: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 37.5em) {
  .search-box-sheets.search-box-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running search-box-modalSlideToLeft; }
  .search-box-sheets.search-box-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running search-box-modalSlideToRight; }
  .search-box-sheets--mirrored.search-box-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running search-box-modalSlideFromLeft; }
  .search-box-sheets--mirrored.search-box-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running search-box-modalSlideFromRight; }
  [dir="rtl"] .search-box-sheets.search-box-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running search-box-modalSlideFromLeft; }
  [dir="rtl"] .search-box-sheets.search-box-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running search-box-modalSlideFromRight; }
  [dir="rtl"] .search-box-sheets--mirrored.search-box-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running search-box-modalSlideToLeft; }
  [dir="rtl"] .search-box-sheets--mirrored.search-box-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running search-box-modalSlideToRight; }
  .search-box-modal-body { --skapa-modal-body-padding-block: 2rem; --skapa-modal-body-padding-inline: 2rem; }
  .search-box-modal-header { padding: 0px 1rem; flex: 0 0 4.5rem; }
  .search-box-modal-header__close, .search-box-modal-header__back-button { margin-top: 1rem; margin-bottom: 1rem; }
  .search-box-modal-header--floating-header .search-box-modal-header__close, .search-box-modal-header--floating-header .search-box-modal-header__back-button { margin: 1.5rem 0px 0.5rem; }
}

@media (min-width: 56.25em) {
  .search-box-sheets--small .search-box-modal-body { --skapa-modal-body-padding-inline: 2rem; }
}

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

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

.search-box-visual__modal-footer { padding: 1.5rem 1rem; flex-grow: 1; flex-shrink: 0; display: flex; flex-direction: column; }

.search-box-sheets .search-box-visual__modal-footer { padding: 1.5rem 1rem; }

@media (min-width: 37.5em) {
  .search-box-sheets .search-box-visual__modal-footer { padding: 1.5rem; }
}

.search-box-visual__modal-disclaimer { margin-bottom: 1rem; padding: 0px 0.5rem; }

.search-box-visual__modal-disclaimer--error { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); text-align: center; }

.search-box-visual__modal-grid-header { margin-bottom: 2rem; animation: 1s linear 0s 1 normal none running fade-in-keyframe; }

.search-box-visual__modal-grid { columns: 2; column-gap: 1rem; animation: 1s linear 0s 1 normal none running fade-in-keyframe; }

.search-box-visual__modal-grid > button { margin: 0.5rem 0px; cursor: pointer; outline: none; background: none; padding: 0px; border: 0px; }

.search-box-visual__modal-illustration-header { margin: 1.875rem 0px 2.25rem; }

.search-box-visual__modal-illustration { display: block; margin-bottom: 1.5rem; }