*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5;position:relative}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{all:unset;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--radius:.625rem;--radius-sm:calc(var(--radius) * .6);--radius-md:calc(var(--radius) * .8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) * 1.4);--radius-2xl:calc(var(--radius) * 1.8);--radius-3xl:calc(var(--radius) * 2.2);--radius-4xl:calc(var(--radius) * 2.6)}.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only}body{font-variant-ligatures:discretionary-ligatures;color:var(--color-on-surface);background:var(--color-surface);font-family:montreal,sans-serif}:root[data-style=diamond]{--light-angle:-30deg;--shadow-strength:.5}.container{place-items:center;height:100dvh;padding:1rem;display:grid}code,pre{font-family:code,monospace}@font-face{font-family:montreal;src:url(/assets/PPNeueMontreal-Regular-gtO139uL.woff2)format("woff2")}@font-face{font-family:code;font-style:italic;src:url(/assets/PPNeueMontrealMono-RegularItalic-BhOe0Q3Z.woff2)format("woff2")}@font-face{font-family:code;font-weight:700;src:url(/assets/PPNeueMontrealMono-Bold-B49Fb40T.woff2)format("woff2")}@font-face{font-family:code;font-style:italic;font-weight:700;src:url(/assets/PPNeueMontrealMono-BoldItalic-kC2LH0XU.woff2)format("woff2")}@font-face{font-family:code;src:url(/assets/PPNeueMontrealMono-Regular-DrCcuhJ4.woff2)format("woff2")}.cc-start{justify-content:start}.cc-center{justify-content:center}::selection{color:var(--color-on-primary-container);background-color:var(--color-primary-container)}.cc-editor{aspect-ratio:2.5;scrollbar-color:var(--color-outline) var(--color-container);grid-template-rows:1fr;grid-template-columns:1fr;max-width:100%;height:auto;min-height:15rem;font-family:code,monospace;font-size:.875rem;line-height:1.5rem;display:grid;position:relative;overflow:auto}.cc-editor-preview,.cc-editor-textarea{grid-area:1/1;overflow:clip}[data-style=diamond] :is(.cc-editor-preview,.cc-editor-textarea){border-right:1px solid var(--color-outline);border-left:1px solid var(--color-outline)}.cc-editor-preview{width:100%;height:100%;padding:1rem;font-family:code,monospace;position:relative}.cc-editor-textarea{z-index:10;color:#0000;white-space:pre;width:100%;height:100%;caret-color:var(--color-primary);resize:none;background:0 0;border:none;outline:none;padding:1rem;font-family:code,monospace;font-size:.875rem;line-height:1.5rem}.cc-select-trigger{min-width:3.5rem;color:var(--color-on-surface);cursor:pointer;background:var(--color-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-elevation-low);justify-content:space-between;align-items:center;gap:.375rem;padding:.2rem .75rem;font-size:.8125rem;transition:background .12s,border-color .12s;display:inline-flex}[data-style=diamond] .cc-select-trigger{border-color:var(--color-outline)}.cc-select-trigger:hover{background:var(--color-container-overlay)}.cc-select-trigger:active{box-shadow:none}.cc-popup.cc-select-popup{min-width:10rem;padding-inline:0}.cc-select-item{cursor:default;-webkit-user-select:none;user-select:none;outline:0;grid-template-columns:1em 1fr;align-items:center;gap:.375rem;padding:.2rem .75rem;font-size:.8125rem;line-height:1rem;display:grid}.cc-select-item[data-highlighted]{color:var(--color-on-primary-container);background-color:var(--color-primary-container)}:where([data-style=diamond],[data-style=circle]) .cc-select-item[data-highlighted]{color:var(--color-on-primary);background-color:var(--color-primary)}.cc-list-indicator{grid-column-start:1}.cc-list-text{grid-column-start:2}.cc-scroll-arrow{z-index:1;text-align:center;cursor:default;background-color:var(--color-container);justify-content:center;align-items:center;width:100%;height:1rem;font-size:.75rem;display:flex}.cc-scroll-arrow:before{content:"";width:100%;height:100%;position:absolute;left:0}.cc-scroll-arrow[data-direction=up]{top:0}.cc-scroll-arrow[data-direction=up][data-side=none]:before{top:-100%}.cc-scroll-arrow[data-direction=down]{bottom:0}.cc-scroll-arrow[data-direction=down][data-side=none]:before{bottom:-100%}.cc-separator{background-color:var(--color-outline-variant);width:1px;height:1em}[data-style=diamond] .cc-separator{background-color:var(--color-outline)}.cc-shape-group{align-items:center;display:flex}.cc-btn-icon{width:2rem;height:2rem;color:var(--color-on-surface);cursor:pointer;background:var(--color-container);border:1px solid var(--color-outline);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:0;transition:background .12s,border-color .12s;display:inline-flex}.cc-btn-icon:hover{background:var(--color-container-sunken)}.cc-btn-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cc-btn-icon[aria-pressed=true]{color:var(--color-on-secondary-container);background:var(--color-secondary-container);border-color:var(--color-secondary-container)}[data-style=diamond] .cc-btn-icon[aria-pressed=true]{border-color:var(--color-outline)}:where([data-style=diamond],[data-style=circle]) .cc-btn-icon[aria-pressed=true]{color:var(--color-on-primary);background:var(--color-primary)}.cc-btn-icon-ghost{width:1.61875rem;height:1.61875rem;color:var(--color-on-surface);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:all .12s;display:inline-flex}.cc-btn-icon-ghost:hover{background:var(--color-container-overlay)}[data-style=diamond] .cc-btn-icon-ghost:hover{border:1px solid var(--color-outline)}:where([data-style=diamond],[data-style=circle]) .cc-btn-icon-ghost:hover{color:var(--color-on-primary);background:var(--color-primary)}.cc-btn-icon-ghost:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cc-btn-active{color:var(--color-on-primary-container);background:var(--color-primary-container)}:where([data-style=diamond],[data-style=circle]) .cc-btn-active{color:var(--color-on-primary);background:var(--color-primary)}.cc-btn{color:var(--color-on-surface);cursor:pointer;background:var(--color-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-elevation-low);align-items:center;gap:.375rem;padding:.2rem .75rem;font-size:.8125rem;transition:background .12s,border-color .12s;display:inline-flex}[data-style=diamond] .cc-btn{border-color:var(--color-outline)}.cc-btn:hover{background:var(--color-container-overlay)}:where([data-style=diamond],[data-style=circle]) .cc-btn:hover{color:var(--color-on-primary);background:var(--color-primary)}.cc-btn:active{box-shadow:none}.cc-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cc-btn-primary{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.cc-btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 85%, var(--color-on-primary));border-color:color-mix(in srgb, var(--color-primary) 85%, var(--color-on-primary))}.cc-btn-ghost{box-shadow:none;background:0 0;border-color:#0000}[data-style=diamond] .cc-btn-ghost{border-color:#0000}.cc-btn-ghost:hover{color:var(--color-on-primary-container);background:var(--color-primary-container);border-color:#0000}:where([data-style=diamond],[data-style=circle]) .cc-btn-ghost:hover{color:var(--color-on-primary);background:var(--color-primary)}.cc-group-label{color:var(--color-on-surface-variant);margin-block-start:1em;font-size:.8125rem}.cc-menu-title{align-items:center;gap:.375rem;font-family:code,monospace;font-size:.875rem;display:flex}.cc-settings-link{height:1.5rem;color:inherit;border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:.5rem;padding:.2rem .75rem;font-size:.8125rem;line-height:1;text-decoration:none;transition:background-color .12s;display:flex}.cc-settings-link:hover{color:var(--color-on-primary-container);background-color:var(--color-primary-container)}:where([data-style=diamond],[data-style=circle]) .cc-settings-link:hover{color:var(--color-on-primary);background-color:var(--color-primary)}.cc-settings-link span{align-items:center;gap:.375rem;display:inline-flex}.cc-switch-label{--width:1.5rem;--height:calc(var(--width) * .55);--thumb:calc(var(--width) * .38);--translate:calc(var(--width) * .44);color:var(--color-on-surface);align-items:center;gap:.5rem;padding:.2rem .75rem;font-size:.8125rem;display:flex}.cc-switch{box-sizing:border-box;width:var(--width);height:var(--height);background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:1000px;flex-shrink:0;padding:.15em;transition:background-color .15s;display:flex}.cc-switch[data-checked]{background-color:var(--color-on-surface)}.cc-switch:focus-visible{outline:2px solid var(--color-on-surface);outline-offset:2px}.cc-switch-thumb{width:var(--thumb);height:var(--thumb);background-color:var(--color-on-surface);border-radius:50%;transition:translate .15s,background-color .15s}.cc-switch-thumb[data-checked]{background-color:var(--color-surface);translate:var(--translate) 0}.cc-split{align-items:stretch;display:inline-flex}.cc-split .cc-split-main{border-top-right-radius:0;border-bottom-right-radius:0}.cc-split .cc-split-caret{border-left:1px solid #ffffff40;border-top-left-radius:0;border-bottom-left-radius:0;padding-inline:.5rem}.Positioner{width:var(--positioner-width);max-width:var(--available-width);height:var(--positioner-height)}.cc-color-swatch{border:1.5px solid oklch(from var(--color-outline) l c h / 50%);border-radius:50%;flex-shrink:0;width:1rem;height:1rem}.cc-color-input{box-sizing:border-box;width:100%;color:var(--color-on-surface);text-align:center;background:var(--color-container-sunken);border:1px solid oklch(from var(--color-outline) l c h / 25%);border-radius:var(--radius-md);outline:none;margin-top:.5rem;padding:.375rem .5rem;font-family:code,monospace;font-size:.8125rem}.cc-color-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 25%, transparent)}.cc-popup{box-sizing:border-box;width:var(--popup-width,auto);min-width:10rem;max-width:500px;height:var(--popup-height,auto);color:var(--color-on-surface);background-color:var(--color-container);border-radius:var(--radius-md);box-shadow:var(--shadow-elevation-high);transform-origin:var(--transform-origin);outline:none;flex-direction:column;gap:.25rem;padding:.75rem;transition:transform .1s ease-out,opacity .1s ease-out;display:flex;position:relative}[data-style=diamond] .cc-popup{border:1px solid var(--color-outline);box-shadow:var(--shadow-elevation-medium)}.cc-popup[data-starting-style],.cc-popup[data-ending-style]{opacity:0;transform:scale(.98)}.cc-card{background:var(--color-container);border-radius:var(--radius-xl);width:min(40rem,100%);max-height:80vh;box-shadow:var(--shadow-elevation-high)}.cc-header,.cc-footer{background:var(--color-container);justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1.25rem;display:flex}.cc-header{border-bottom:1px solid var(--color-outline-variant);border-radius:var(--radius-xl) var(--radius-xl) 0% 0%}[data-style=diamond] .cc-header{border:1px solid var(--color-outline)}.cc-footer{border-top:1px solid var(--color-outline-variant);border-radius:0% 0% var(--radius-xl) var(--radius-xl)}[data-style=diamond] .cc-footer{border:1px solid var(--color-outline)}.cc-header-left,.cc-header-center,.cc-header-right,.cc-footer-left,.cc-footer-right{align-items:center;gap:.75rem;display:flex}.cc-title{margin-inline-start:.15rem;font-family:code,monospace}.cc-color-trigger{align-items:center;display:inline-flex;position:relative}.cc-settings-popover{flex-direction:column;gap:.5rem;min-width:14rem;display:flex}.cc-settings-section{border-bottom:1px solid oklch(from var(--color-outline) l c h / 20%);flex-direction:column;gap:.25rem;padding-bottom:.375rem;display:flex}.cc-settings-label{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;padding-inline:.125rem;font-size:.6875rem}.cc-format-btn{padding-inline:.5rem;font-size:.75rem;width:auto!important}@media (prefers-reduced-motion:no-preference){.cc-popover-content{animation:.12s ease-out cc-pop-in}@keyframes cc-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}