.pkt-code-example{background-color:#fff;border:1px solid var(--pkt-color-grays-gray-100);position:relative}.pkt-code-example .pkt-link p,.pkt-code-example .pkt-input-check__input-label p{margin:0}.pkt-code-example__container{margin:auto;width:100%}@media screen and (min-width: 80rem){.pkt-code-example__container.centered{width:50%}}.pkt-code-example__container .pkt-btn:not(.pkt-inputwrapper__helptext-expandable):not(.pkt-header__user-btn):not(.pkt-searchinput__button){margin:.5rem}.pkt-code-example[data-mode=dark]{background-color:var(--pkt-color-brand-dark-blue-1000);color:#fff}.pkt-code-example[data-mode=dark] .pkt-code-example__toggle{color:var(--pkt-color-brand-dark-blue-1000)}.pkt-code-example__toolbar{display:flex;position:absolute;left:0;right:0;top:0;justify-content:flex-end}.pkt-code-example__toggle{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{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[type=checkbox]{border-radius:0}.pkt-code-example__checkbox: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)}