@charset "utf-8";

.qna-pip-search-section { background-color: rgb(var(--colour-static-light-grey, 245, 245, 245)); padding: 1.25rem; }

.qna-pip-search-section .qna-pip-form-field__search { width: 100%; }

@media (min-width: 37.5em) {
  .qna-pip-search-section .qna-pip-form-field__search { width: 60%; }
}

.qna-pip-search-result__header { margin-top: 1rem; }

.qna-pip-search-result__text { margin-top: 0.5rem; text-wrap: wrap; }

.qna-pip-hard-fact__container { display: flex; flex-direction: column; padding: 1rem; margin-top: 1.5rem; background-color: rgb(var(--colour-static-light-grey, 245, 245, 245)); }

.qna-pip-hard-fact__header { margin-bottom: 1rem; color: rgb(var(--colour-static-black, 17, 17, 17)); font-weight: 600; }

.qna-pip-typography-heading-xs, .qna-pip-typography-heading-s { margin: 1rem 0px; }

.hardfact-section { margin-bottom: 1rem; }

.qna-pip-image { max-width: 50%; }

.qna-pip-answer-helpful { margin-top: 1rem; }

.qna-pip-answer-helpful { display: flex; align-items: center; padding: 0px 1.25rem; }

.qna-pip-answer-helpful__title { margin-right: 0.5rem; }

.qna-pip-answer-helpful #upvote-button, .qna-pip-answer-helpful #downvote-button { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); margin-right: 0.5rem; }

.qna-pip-answer-helpful #upvote-button.true, .qna-pip-answer-helpful #downvote-button.true { background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); border: 1px solid rgb(0, 0, 0) !important; }

.qna-pip-answer-helpful #upvote-button.hardfact-upvote, .qna-pip-answer-helpful #upvote-button.hardfact-downvote, .qna-pip-answer-helpful #downvote-button.hardfact-upvote, .qna-pip-answer-helpful #downvote-button.hardfact-downvote { margin-right: 0.25rem; }

.qna-pip-answer-helpful #upvote-button.hardfact-upvote.true, .qna-pip-answer-helpful #upvote-button.hardfact-downvote.true, .qna-pip-answer-helpful #downvote-button.hardfact-upvote.true, .qna-pip-answer-helpful #downvote-button.hardfact-downvote.true { background-color: rgb(255, 255, 255); }

.qna-pip-answer-helpful .qna-pip-btn--small.qna-pip-leading-icon .qna-pip-btn__inner { padding: 0px 0.75rem; }

.qna-pip-modal__header { margin-bottom: 1.5rem; }

.qna-pip-modal__header-title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.125rem; line-height: 1.444; font-weight: 700; }

@media (min-width: 37.5em) {
  .qna-pip-modal__header-title { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

.qna-pip-item-question { margin-bottom: 1rem; }

.qna-pip-item-question__title { font-size: 0.75rem; font-weight: 400; margin-bottom: 0.5rem; }

.qna-pip-item-question__text { margin-bottom: 0.25rem; }

.qna-pip-item-question__footer { display: flex; justify-content: space-between; margin-bottom: 0.25rem; }

.qna-pip-item-answer { margin-bottom: 1.25rem; padding: 0px 1.25rem; box-sizing: border-box; }

.qna-pip-item-answer > * { margin-bottom: 0.5rem; }

.qna-pip-item-answer__header { margin-bottom: 1rem; padding-top: 0.25rem; }

.qna-pip-item-container { margin: 2rem 0px; border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); padding-bottom: 1rem; }

.qna-pip-item-container:last-child { border-bottom: none; margin-bottom: 2.5rem; }

.qna-pip-pagination { display: flex; padding-bottom: 1.25rem; flex-direction: column; align-items: center; gap: 2rem; border: none; width: 100%; }

.qna-pip-pagination__button { width: 100%; }

@media (min-width: 37.5em) {
  .qna-pip-pagination { width: 13.5rem; }
}

.qna-pip-progress-bar-container { display: flex; flex-direction: column; text-align: center; }

.qna-pip-progress-bar-container .qna-pip-progress-bar-label { margin-bottom: 0.75rem; font-size: 0.875rem; }

.qna-pip-progress-bar-container .qna-pip-progress-bar { appearance: none; width: 17.5rem; height: 0.125rem; border-radius: 0.125rem; border: 0px; }

.qna-pip-progress-bar-container .qna-pip-progress-bar::-webkit-progress-bar { border-radius: 0.125rem; background: rgb(var(--colour-neutral-3, 223, 223, 223)); }

.qna-pip-progress-bar-container .qna-pip-progress-bar::-webkit-progress-value { border-radius: 0.125rem; background: rgb(var(--colour-neutral-7, 17, 17, 17)); }

.qna-pip-dropdown.desktop { display: flex; justify-content: center; }

.qna-pip-dropdown #dropdownButton { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); }

.qna-pip-dropdown-modal-desktop { padding: 1.5rem; margin-top: 3rem; }

.qna-pip-dropdown-modal-desktop.qna-pip-list-box { width: 70%; }

.qna-pip-dropdown-modal-mobile .qna-pip-modal-body { padding: 0px 1.5rem 1.25rem; }

.qna-pip-dropdown [role="listbox"] { overflow: hidden; }

@media (max-width: 37.5em) {
  .qna-pip-dropdown { margin-top: 1rem; }
  .qna-pip-dropdown #dropdownButton { width: 100%; }
}

.qna-pip-theatre .qna-pip-dropdown.desktop { justify-content: end; }

.qna-pip-sort-container .qna-pip-sort-header { font-weight: 700; font-size: 1.125rem; margin-bottom: 1.5rem; }

.qna-pip-sort-container .qna-pip-sort-item { margin-bottom: 1.5rem; }

.qna-pip-sort-container .qna-pip-sort-item:last-child { margin-bottom: 0px; }

.qna-pip-list-view { display: flex; flex-direction: column; }

@media (min-width: 37.5em) {
  .qna-pip-list-view { padding: 0px 2rem 0px 1rem; }
}

@media (min-width: 75em) {
  .qna-pip-list-view { padding: 0px 2.5rem 0px 1.5rem; }
}

.qna-pip-items-container { margin-top: 1.25rem; border-top: 1px solid rgb(221, 221, 221); padding: 1.25rem; }

.qna-pip-empty-state-message { text-align: center; margin: 1.5rem 0px; padding: 0px 2rem; }

.qna-pip-body-container { margin-bottom: 2.5rem; border-bottom: 1px solid rgb(221, 221, 221); }

.qna-pip-body-container.no-border { border-bottom: none; }

.qna-pip-cta-button { width: 100%; }

.qna-pip-filter-section { display: flex; justify-content: space-between; flex-direction: column; }

.qna-pip-list-header { display: flex; justify-content: space-between; align-items: center; flex-direction: row; margin-top: 2.5rem; padding: 0px 1.25rem; }

@media (max-width: 37.5em) {
  .qna-pip-list-header { flex-direction: column; align-items: stretch; }
}

.qna-pip-footer { display: flex; flex-direction: column; align-items: center; }

@media (min-width: 37.5em) {
  .qna-pip-footer .qna-pip-cta-button { width: 13.5rem; }
}

.qna-pip-item-question { margin-bottom: 1rem; }

.qna-pip-item-question__title { font-size: 0.75rem; font-weight: 400; margin-bottom: 0.5rem; }

.qna-pip-item-question__text { margin-bottom: 0.25rem; }

.qna-pip-item-question__footer { display: flex; justify-content: space-between; margin-bottom: 0.25rem; }

.qna-pip-item-answer { margin-bottom: 1.25rem; padding: 0px 1.25rem; box-sizing: border-box; }

.qna-pip-item-answer > * { margin-bottom: 0.5rem; }

.qna-pip-item-answer__header { margin-bottom: 1rem; padding-top: 0.25rem; }

.qna-pip-item-container { margin: 2rem 0px; border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); padding-bottom: 1rem; }

.qna-pip-item-container:last-child { border-bottom: none; margin-bottom: 2.5rem; }

.qna-pip-form-container { display: flex; justify-content: center; }

.qna-pip-form-view { display: flex; flex-direction: column; position: relative; }

.qna-pip-form-view .qna-pip-text-area textarea { resize: none; }

.qna-pip-form-view .qna-pip-text-area label { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.qna-pip-checkbox { display: flex; align-items: center; }

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

.qna-pip-guidelines-link { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; position: absolute; right: 0px; }

.qna-pip-form-field__question { height: 8.75rem; }

.qna-pip-form-field__name, .qna-pip-form-field__email { height: 5.75rem; }

.qna-pip-response-message { margin-bottom: 1.5rem; }

.qna-pip-form-submitted__note { margin-bottom: 4rem; }

.qna-pip-form-submitted__note li { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.qna-pip-form-submitted__note li:not(:first-child) { margin-top: 0px; }

.qna-pip-form-submitted__subtitle { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1rem; line-height: 1.5; font-weight: 700; margin: 1.25rem 0px; }

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

.qna-pip-guidelines-should__note, .qna-pip-guidelines-should-not__note { margin-bottom: 1.5rem; }

.qna-pip-guidelines-should__note li, .qna-pip-guidelines-should-not__note li { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.qna-pip-guidelines-should__note li:not(:first-child), .qna-pip-guidelines-should-not__note li:not(:first-child) { margin-top: 0px; }

.qna-pip-guidelines-should__subtitle, .qna-pip-guidelines-should-not__subtitle { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1rem; line-height: 1.5; font-weight: 700; margin: 1.25rem 0px; }

@media (min-width: 56.25em) {
  #theatreModal .qna-pip-modal-header { padding: 0px 1rem; -webkit-box-align: center; align-items: center; }
}

@media (min-width: 1400px) {
  #theatreModal { width: 55%; left: 22.5%; }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.qna-pip-modal-header__title { font-weight: 700; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.qna-pip-modal-header .qna-pip-modal-header__title-wrapper > * { font-size: 1rem; line-height: 1.5; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.qna-pip-sheets__content { height: 100%; }

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

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

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

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

.qna-pip-sheets--preserve-alignment { width: 85%; top: 0px; border-radius: 8px 0px 0px 8px; max-height: 100%; }

.qna-pip-sheets--preserve-alignment.qna-pip-sheets--mirrored { right: auto; left: 0px; border-radius: 0px 8px 8px 0px; }

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

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

[dir="rtl"] .qna-pip-sheets--preserve-alignment { left: 0px; right: auto; border-radius: 0px 8px 8px 0px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.qna-pip-prompt__heading { margin-bottom: 1rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.125rem; line-height: 1.444; font-weight: 700; }

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

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

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

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

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

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

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

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

@media (min-width: 37.5em) {
  .qna-pip-sheets.qna-pip-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running qna-pip-modalSlideToLeft; }
  .qna-pip-sheets.qna-pip-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running qna-pip-modalSlideToRight; }
  .qna-pip-sheets--mirrored.qna-pip-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running qna-pip-modalSlideFromLeft; }
  .qna-pip-sheets--mirrored.qna-pip-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running qna-pip-modalSlideFromRight; }
  [dir="rtl"] .qna-pip-sheets.qna-pip-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running qna-pip-modalSlideFromLeft; }
  [dir="rtl"] .qna-pip-sheets.qna-pip-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running qna-pip-modalSlideFromRight; }
  [dir="rtl"] .qna-pip-sheets--mirrored.qna-pip-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running qna-pip-modalSlideToLeft; }
  [dir="rtl"] .qna-pip-sheets--mirrored.qna-pip-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running qna-pip-modalSlideToRight; }
  .qna-pip-modal-body { --skapa-modal-body-padding-block: 2rem; --skapa-modal-body-padding-inline: 2rem; }
  .qna-pip-modal-header { padding: 0px 1rem; flex: 0 0 4.5rem; }
  .qna-pip-modal-header__close, .qna-pip-modal-header__back-button { margin-top: 1rem; margin-bottom: 1rem; }
  .qna-pip-modal-header--floating-header .qna-pip-modal-header__close, .qna-pip-modal-header--floating-header .qna-pip-modal-header__back-button { margin: 1.5rem 0px 0.5rem; }
  .qna-pip-prompt__heading { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
  .qna-pip-prompt__content { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 1rem; line-height: 1.625; padding-bottom: 1rem; }
}

@media (min-width: 56.25em) {
  .qna-pip-sheets--small .qna-pip-modal-body { --skapa-modal-body-padding-inline: 2rem; }
  .qna-pip-theatre { border-radius: 8px; left: 3rem; width: calc(100% - 6rem); height: calc(100% - 6rem); }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.qna-pip-btn { position: relative; font-size: 0.875rem; background: none; border: 0px; padding: 0px; line-height: 1.42857; font-weight: bold; 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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.qna-pip-btn--icon-image-overlay, .qna-pip-btn--image-overlay { --background: rgba(var(--colour-static-black, 17, 17, 17), 0.75); --background-hover: rgba(var(--colour-static-black, 17, 17, 17), 0.85); --background-press: rgba(var(--colour-static-black, 17, 17, 17), 0.95); }

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

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

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

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

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

.qna-pip-btn.qna-pip-btn--static-colour.qna-pip-btn--icon-tertiary-inverse, .qna-pip-btn.qna-pip-btn--static-colour.qna-pip-btn--tertiary-inverse { --background: transparent; --background-hover: rgba(var(--colour-static-white, 255, 255, 255), 0.15); --background-press: rgba(var(--colour-static-white, 255, 255, 255), 0.3); --foreground: rgb(var(--colour-static-white, 255, 255, 255)); --disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.qna-pip-search--filled { --skapa-search-filled: 1; --skapa-search-button-width: calc(3rem + 0.0625rem); --skapa-search-actions-timing-function: step-start; }

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

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

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

.qna-pip-search__input:-webkit-autofill { background-color: rgba(0, 0, 0, 0); font-size: 1rem; line-height: 1.625; font-family: inherit; -webkit-text-fill-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); box-shadow: 0 0 0 3rem rgb(var(--colour-neutral-2, 245, 245, 245)) inset; transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.4, 1); border-radius: 64px 0px 0px 64px; border: 0px; }

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

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

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

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

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

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

.qna-pip-search__chevron-down { pointer-events: none; flex-shrink: 0; }

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

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

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

.qna-pip-search__divider--hidden { opacity: 0; width: 0px; margin: 0px; }

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

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

.qna-pip-search__actions > .qna-pip-search__action { max-width: 2rem; }

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

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

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

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

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

.qna-pip-label-wrapper > label { font-size: 0.875rem; line-height: 1.571; }

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

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

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

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

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

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

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

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

.qna-pip-helper-text { display: inline-flex; font-size: 0.75rem; line-height: 1.5; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

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

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

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

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

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

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

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

.qna-pip-validation-border { --skapa-validation-border-colour: rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); --skapa-validation-border: 1px solid var(--skapa-validation-border-colour); --skapa-validation-border-default: var(--skapa-validation-border); --skapa-validation-border-focus-border: 2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); position: absolute; inset: 0px; display: block; width: 100%; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); pointer-events: none; transition: box-shadow 100ms cubic-bezier(0.4, 0, 0.4, 1), border 100ms cubic-bezier(0.4, 0, 0.4, 1); border-radius: 4px; box-sizing: border-box; }

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

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

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

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

.qna-pip-validation-border--read-only { --skapa-validation-border-default: transparent; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); }

@media (forced-colors: active) {
  .qna-pip-validation-border { border-color: graytext; }
}

.qna-pip-text-area { font-size: 1rem; line-height: 1.625; }

.qna-pip-text-area__wrapper { position: relative; display: flex; width: 100%; align-items: flex-end; flex-wrap: wrap; }

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

.qna-pip-text-area textarea { box-sizing: border-box; display: block; width: 100%; padding: 0.3125rem; line-height: 1.625; max-width: 100%; min-height: 6rem; outline: none; border: 0.1875rem solid rgba(0, 0, 0, 0); resize: vertical; border-radius: 4px; background: rgb(var(--colour-neutral-1, 255, 255, 255)); color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.qna-pip-text-area textarea:disabled { resize: none; color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.qna-pip-text-area textarea:focus ~ .qna-pip-validation-border { --skapa-validation-border-default: initial; }

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

.qna-pip-text-area--read-only textarea { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); }

@media (forced-colors: active) {
  .qna-pip-text-area textarea { padding: 0.5rem; border-width: 0px; }
  .qna-pip-text-area textarea:disabled { color: graytext; }
  .qna-pip-text-area--disabled label { color: graytext; }
}

.qna-pip-validation-border { --skapa-validation-border-colour: rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); --skapa-validation-border: 1px solid var(--skapa-validation-border-colour); --skapa-validation-border-default: var(--skapa-validation-border); --skapa-validation-border-focus-border: 2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); position: absolute; inset: 0px; display: block; width: 100%; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); pointer-events: none; transition: box-shadow 100ms cubic-bezier(0.4, 0, 0.4, 1), border 100ms cubic-bezier(0.4, 0, 0.4, 1); border-radius: 4px; box-sizing: border-box; }

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

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

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

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

.qna-pip-validation-border--read-only { --skapa-validation-border-default: transparent; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); }

@media (forced-colors: active) {
  .qna-pip-validation-border { border-color: graytext; }
}

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

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

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

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

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

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

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

.qna-pip-input-field input:-webkit-autofill { font-size: 1rem; line-height: 1.5; font-family: inherit; -webkit-text-fill-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); box-shadow: 0 0 0 3rem rgb(var(--colour-neutral-1, 255, 255, 255)) inset; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.qna-pip-checkbox__label { position: relative; display: block; font-size: 0.875rem; line-height: 1.571; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); margin-top: 0.125rem; }

.qna-pip-checkbox__caption { display: block; font-size: 0.75rem; line-height: 1.5; padding-top: 0.25rem; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print {
  input[type="checkbox"]:checked ~ .qna-pip-checkbox__symbol { border-width: 0.75rem; }
  input[type="checkbox"]:checked ~ .qna-pip-checkbox__symbol::before { position: absolute; top: -0.25rem; }
  input[type="checkbox"]:indeterminate ~ .qna-pip-checkbox__symbol { border-width: 0.75rem; }
  input[type="checkbox"]:indeterminate ~ .qna-pip-checkbox__symbol::after { position: absolute; top: -0.0625rem; left: -0.375rem; }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.qna-pip-list { list-style-position: outside; }

.qna-pip-list--unordered .qna-pip-list--unordered { list-style-type: circle; }

.qna-pip-list--ordered .qna-pip-list--ordered { list-style-type: upper-alpha; }

.qna-pip-list--small { font-size: 0.75rem; padding-inline-start: 1.375rem; }

.qna-pip-list--small .qna-pip-list--unordered, .qna-pip-list--small .qna-pip-list--ordered { padding-inline-start: 0.875rem; }

.qna-pip-list--small li:not(:first-child) { margin-top: 0.5rem; }

.qna-pip-list--small .qna-pip-list--unordered li, .qna-pip-list--small .qna-pip-list--ordered li { margin-top: 0.25rem; }

.qna-pip-list--medium { font-size: 0.875rem; padding-inline-start: 1.9375rem; }

.qna-pip-list--medium .qna-pip-list--unordered, .qna-pip-list--medium .qna-pip-list--ordered { padding-inline-start: 1.1875rem; }

.qna-pip-list--medium li:not(:first-child) { margin-top: 0.75rem; }

.qna-pip-list--medium .qna-pip-list--unordered li, .qna-pip-list--medium .qna-pip-list--ordered li { margin-top: 0.5rem; }

.qna-pip-list--large { font-size: 1rem; padding-inline-start: 2rem; }

.qna-pip-list--large .qna-pip-list--unordered, .qna-pip-list--large .qna-pip-list--ordered { padding-inline-start: 1.25rem; }

.qna-pip-list--large li:not(:first-child) { margin-top: 0.75rem; }

.qna-pip-list--large .qna-pip-list--unordered li, .qna-pip-list--large .qna-pip-list--ordered li { margin-top: 0.5rem; }

.qna-pip-list--xlarge { font-size: 1.25rem; padding-inline-start: 2.5625rem; }

.qna-pip-list--xlarge .qna-pip-list--unordered, .qna-pip-list--xlarge .qna-pip-list--ordered { padding-inline-start: 1.5625rem; }

.qna-pip-list--xlarge li:not(:first-child) { margin-top: 1rem; }

.qna-pip-list--xlarge .qna-pip-list--unordered li, .qna-pip-list--xlarge .qna-pip-list--ordered li { margin-top: 0.75rem; }

.qna-pip-list-box { position: absolute; display: block; opacity: 0; flex-direction: column; width: 100%; max-width: 24rem; background: rgb(var(--colour-elevation-2, 255, 255, 255)); box-shadow: 0px 0px 0px 1px rgba(var(--colour-neutral-4, 204, 204, 204), 0.24),0px 4px 8px 0px rgba(var(--colour-static-black, 17, 17, 17), 0.14); overflow: hidden; border-radius: 8px; outline: 1px solid rgba(var(--colour-neutral-7, 17, 17, 17), 0.07); transition-property: opacity; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.9, 0, 1, 1); z-index: 100; }

.qna-pip-list-box .qna-pip-list-view-item:hover, .qna-pip-list-box .qna-pip-list-view-item__action:focus-within { background-color: rgba(var(--colour-interactive-primary-bg-default, 17, 17, 17), 0.05); }

.qna-pip-list-box--open { opacity: 1; transition: none; }

.qna-pip-list-box--closed { display: none; }

.qna-pip-list-box--top { bottom: 100%; }

.qna-pip-list-box--right { right: 0px; }

.qna-pip-list-box__trigger { position: relative; display: inline-block; }

.qna-pip-list-box__trigger .qna-pip-list-box { margin-block: 0.5rem; width: max-content; }

.qna-pip-list-box__body { box-sizing: border-box; overflow: auto; max-height: 18rem; padding-block: 0.5rem; }

.qna-pip-list-box__footer { display: grid; grid-auto-flow: column; gap: 1rem; grid-auto-columns: minmax(max-content, 1fr); padding: 1rem 1.5rem; border-top: 1px rgb(var(--colour-neutral-3, 223, 223, 223)) solid; }

.qna-pip-list-box__group { list-style-type: none; padding: 1rem 1.5rem 0.5rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.qna-pip-menu-item { box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 1.5rem; padding-inline-end: 3.5rem; cursor: pointer; transition: background-color 200ms ease-in-out; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); min-height: 3rem; }

.qna-pip-menu-item:hover { background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); }

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

.qna-pip-menu-item--hidden { display: none; }

.qna-pip-menu-item__leading-content { flex-shrink: 0; margin-inline-end: 1rem; }

.qna-pip-menu-item__title { font-size: 0.875rem; line-height: 1.571; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); flex-grow: 1; }

.qna-pip-menu-item__trailing-content { flex-shrink: 0; margin-inline-start: 1rem; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.qna-pip-menu-item__selected-icon { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); }

.qna-pip-menu-item--disabled { pointer-events: none; }

.qna-pip-menu-item--disabled .qna-pip-menu-item__leading-content, .qna-pip-menu-item--disabled .qna-pip-menu-item__title, .qna-pip-menu-item--disabled .qna-pip-menu-item__trailing-content { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

[dir="rtl"] .qna-pip-menu-item__selected-icon { left: 1rem; right: auto; }

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

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

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

.qna-pip-loading__text { max-width: 100%; font-size: 1rem; line-height: 1.625; margin-top: 2.5rem; text-align: center; transform: translateY(1.5rem); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.qna-pip-radio > .qna-pip-radio__label { position: relative; display: block; font-size: 0.875rem; line-height: 1.571; margin-top: 0.125rem; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 56.25em) {
  .qna-pip-modal-header { padding: 0px 3rem; -webkit-box-align: center; align-items: center; }
  .qna-pip-modal-header button[aria-label="Close"]:focus { box-shadow: none !important; }
}

.qna-pip-buy-module { display: inline-block; margin-left: 1rem; color: rgb(0, 0, 0); }

.qna-pip-buy-module span, .qna-pip-buy-module button { font-size: 0.875rem; line-height: 1.571; }

.qna-pip-buy-module .qna-pip-buy-module__container { border-left: 1px solid rgb(0, 0, 0); padding-left: 1rem; }

.qna-pip-buy-module .qna-pip-buy-module__text { background: 0px center; border: 0px; padding: 0px; color: inherit; text-decoration: underline; }

.qna-pip-buy-module .qna-pip-buy-module__value { margin-left: 0.25rem; }

.qna-pip-funky-chunk { list-style-type: none; }