.pkt-code-example[data-astro-cid-npme2pg4]{background-color:#fff;border:1px solid var(--pkt-color-grays-gray-100);position:relative}.pkt-code-example[data-astro-cid-npme2pg4] .pkt-link[data-astro-cid-npme2pg4] p[data-astro-cid-npme2pg4],.pkt-code-example[data-astro-cid-npme2pg4] .pkt-input-check__input-label[data-astro-cid-npme2pg4] p[data-astro-cid-npme2pg4]{margin:0}.pkt-code-example__container[data-astro-cid-npme2pg4]{margin:auto;width:100%}@media screen and (min-width: 80rem){.pkt-code-example__container[data-astro-cid-npme2pg4].centered{width:50%}}.pkt-code-example__container[data-astro-cid-npme2pg4] .pkt-btn[data-astro-cid-npme2pg4]:not(.pkt-inputwrapper__helptext-expandable>.pkt-btn):not(.pkt-header__user-btn):not(.pkt-searchinput__button){margin:.5rem}.pkt-code-example[data-astro-cid-npme2pg4][data-mode=dark]{background-color:var(--pkt-color-brand-dark-blue-1000);color:#fff}.pkt-code-example[data-astro-cid-npme2pg4][data-mode=dark] .pkt-code-example__toggle[data-astro-cid-npme2pg4]{color:var(--pkt-color-brand-dark-blue-1000)}.pkt-code-example__toolbar[data-astro-cid-npme2pg4]{display:flex;position:absolute;left:0;right:0;top:0;justify-content:flex-end}.pkt-code-example__toggle[data-astro-cid-npme2pg4]{background-color:var(--pkt-color-brand-neutrals-white);border-bottom:1px solid var(--pkt-color-grays-gray-100);border-left:1px solid var(--pkt-color-grays-gray-100)}.pkt-code-example__checkbox[data-astro-cid-npme2pg4]{appearance:none;background-color:var(--pkt-color-brand-neutrals-white);background-repeat:no-repeat;background-position:center;background-size:contain;border:2px solid var(--pkt-color-brand-dark-blue-1000);display:inline-block;margin:.125rem .25rem 0 0;width:1.25rem;height:1.25rem;transition:all .3s ease-out;vertical-align:top}.pkt-code-example__checkbox[data-astro-cid-npme2pg4][type=checkbox]{border-radius:0}.pkt-code-example__checkbox[data-astro-cid-npme2pg4]:checked[type=checkbox]{--svg: url(https://punkt-cdn.oslo.kommune.no/latest/components/checkbox.svg);background-color:var(--pkt-color-brand-warm-blue-1000);border-color:var(--pkt-color-brand-warm-blue-1000);-webkit-mask-image:var(--svg);mask-image:var(--svg)}.image-wrapper[data-astro-cid-bseijry6]{margin:0}.image-wrapper__content[data-astro-cid-bseijry6]{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-shrink:0;padding:5rem 1rem;margin:0}.image-wrapper__content--white[data-astro-cid-bseijry6]{background-color:var(--pkt-color-surface-default-white, #ffffff);border:1px solid var(--pkt-color-border-default-gray, #e0e0e0)}.image-wrapper__content--gray[data-astro-cid-bseijry6]{background-color:var(--pkt-color-surface-default-gray, #f9f9f9)}.image-wrapper__content[data-astro-cid-bseijry6] img{max-width:100%;height:auto}@media screen and (min-width: 80rem){.image-wrapper__content[data-astro-cid-bseijry6]{flex-wrap:wrap;flex-direction:row}}.image-wrapper__caption[data-astro-cid-bseijry6]{margin:.75rem auto 1.5rem;text-align:center;letter-spacing:-.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.image-wrapper[data-astro-cid-bseijry6]+p[data-astro-cid-bseijry6]{margin-top:24px}@media screen and (min-width: 80rem){.splitSpace[data-astro-cid-bseijry6] img{width:50%}}.example-comparison[data-astro-cid-walmuiep]{display:flex;flex-wrap:wrap;flex-direction:row;gap:1.5rem;width:100%}.example-comparison--column[data-astro-cid-walmuiep]{flex-direction:column}.example-comparison__item[data-astro-cid-walmuiep]{flex:1 1 45%}.example-comparison__title[data-astro-cid-walmuiep]{margin-bottom:1rem;text-align:left;font-weight:500}.example-comparison__figure[data-astro-cid-walmuiep]{background:var(--pkt-color-surface-subtle-white);margin:0;text-align:center;display:flex;justify-content:center;flex-direction:column;align-items:center;min-width:320px;min-height:250px}.example-comparison__good[data-astro-cid-walmuiep]{border-top:3px solid var(--pkt-color-surface-strong-green)}.example-comparison__bad[data-astro-cid-walmuiep]{border-top:3px solid var(--pkt-color-surface-strong-red)}.example-comparison__image[data-astro-cid-walmuiep]{display:block;height:auto;padding:1rem 2rem;width:100%}.example-comparison__svg[data-astro-cid-walmuiep]{width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain}.example-comparison__visible-caption[data-astro-cid-walmuiep]{margin-top:1rem;margin-bottom:0;color:var(--pkt-color-text-placeholder);letter-spacing:-.2px;font-weight:300;font-size:1rem;line-height:1.5rem}