.pkt-code-example{background-color:#fff;border:1px solid var(--color-grayscale-10);position:relative}.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{margin:.5rem}.pkt-code-example[data-mode=dark]{background-color:var(--color-blue-dark);color:#fff}.pkt-code-example__toolbar{display:flex;position:absolute;left:0;right:0;top:0;justify-content:flex-end}.pkt-code-example__checkbox{appearance:none;background-color:var(--color-white);background-repeat:no-repeat;background-position:center;background-size:contain;border:2px solid var(--color-blue-dark);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]{background-color:var(--color-active);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");border-color:var(--color-active)}