.color-tokens{padding:2.5rem;border:2px solid var(--pkt-color-border-subtle);background-color:var(--pkt-color-background-default);color:var(--pkt-color-text-body-default)}.color-tokens__color-variant-txt{margin:0;padding:0;font-size:1.5rem;font-weight:500}.color-tokens__variant-wrapper:not(:first-of-type){margin-top:3.5rem}.color-tokens__card{display:flex;align-items:center;border-radius:5px;cursor:copy}.color-tokens__circle{width:5.4375rem;height:5.4375rem;border-radius:50%;flex-shrink:0;border:2px solid var(--pkt-color-background-transparent)}.color-tokens__text{font-size:1rem;font-weight:300;letter-spacing:-.2px;line-height:1.5rem;margin-left:1.5rem}.color-tokens p{margin:0;padding:0}.color-tokens .pkt-grid{margin-bottom:0;margin-top:2.5rem}.color-tokens .pkt-icon{--fg-color: var(--pkt-color-text-body-default)}.color-tokens__toolbar{display:flex;margin:.5rem 2rem;right:2rem;top:2.25rem;justify-content:flex-end}.color-tokens__toolbar-darkmode{display:flex;align-items:center;gap:.5rem}.color-tokens__toolbar__checkbox{--s: 1rem;height:var(--s);padding:calc(var(--s) / 10);box-sizing:content-box;aspect-ratio:2;border-radius:var(--s);background:radial-gradient(farthest-side,#fff 97%,rgba(0,0,0,0)) left/var(--s) 100% content-box no-repeat,grey;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:.3s}.color-tokens__toolbar__checkbox:checked{background-position:right;background-color:var(--pkt-color-brand-dark-blue-1000)}