.palette-page__content{margin-top:3rem;margin-bottom:5rem}.palette-viewer{--viewer-surface:#ffffff;--viewer-hover:#f3f4f6;--viewer-border:#dfe2e6;--viewer-text:#1f2937;--viewer-muted:#6b7280;color:var(--viewer-text)}.dark .palette-viewer{--viewer-surface:rgb(255 255 255 / 4%);--viewer-hover:rgb(255 255 255 / 8%);--viewer-border:rgb(255 255 255 / 14%);--viewer-text:#f3f4f6;--viewer-muted:#9ca3af}.palette-viewer.is-enhanced .palette-slide:not(.is-active){display:none}.palette-slide+.palette-slide{margin-top:2.5rem}.palette-slide__header{margin-bottom:.75rem}.palette-slide__header h2{margin:0;color:var(--viewer-text);font-size:1.125rem;font-weight:600;line-height:1.3}.palette-slide__colors{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow:hidden;border:1px solid var(--viewer-border);border-radius:6px}.palette-slide__color{position:relative;display:block;min-width:0;height:17rem;margin:0;padding:0;border:0;cursor:pointer;background:0 0}.palette-slide__color+.palette-slide__color{border-left:1px solid var(--viewer-border)}.palette-slide__color:focus-visible{z-index:1;outline:2px solid var(--viewer-text);outline-offset:-2px}.palette-slide__sample{position:absolute;inset:0;background:var(--color)}.palette-slide__value{position:absolute;bottom:.7rem;left:50%;z-index:1;padding:.2rem .42rem;border-radius:999px;color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,liberation mono,monospace;font-size:.7rem;line-height:1.4;white-space:nowrap;background:rgb(9 15 26/52%);transform:translateX(-50%)}.palette-slide__color:hover .palette-slide__value{background:rgb(9 15 26/72%)}.palette-viewer__nav{display:none;align-items:center;width:fit-content;margin:1.1rem auto 0;padding:.2rem;border:1px solid var(--viewer-border);border-radius:999px;background:var(--viewer-surface)}.palette-viewer.is-enhanced .palette-viewer__nav{display:flex}.palette-viewer__nav button{display:grid;width:2.35rem;height:2.25rem;margin:0;padding:0;place-items:center;border:0;border-radius:999px;cursor:pointer;color:var(--viewer-text);background:0 0}.palette-viewer__nav button:hover{background:var(--viewer-hover)}.palette-viewer__nav button:focus-visible{outline:2px solid var(--viewer-text);outline-offset:-2px}.palette-viewer__nav svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.palette-viewer__nav span{display:flex;align-items:center;justify-content:center;width:4.5rem;height:2.25rem;border-right:1px solid var(--viewer-border);border-left:1px solid var(--viewer-border);color:var(--viewer-muted);font-family:ui-monospace,SFMono-Regular,Consolas,liberation mono,monospace;font-size:.72rem;font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1}@media(max-width:620px){.palette-page__content{margin-top:2.25rem}.palette-slide__colors{grid-template-columns:repeat(4,minmax(0,1fr))}.palette-slide__color{height:8.5rem}.palette-slide__value{bottom:.55rem;padding:.16rem .32rem;font-size:.64rem}.palette-slide__color:nth-child(5){border-left:0}.palette-slide__color:nth-child(n+5){border-top:1px solid var(--viewer-border)}}@media(prefers-reduced-motion:no-preference){.palette-viewer.is-enhanced .palette-slide.is-active{animation:palette-fade 140ms ease-out}@keyframes palette-fade{from{opacity:0}to{opacity:1}}}