:root{--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.25, 0, .3, 1);--ease-4: cubic-bezier(.25, 0, .2, 1);--ease-5: cubic-bezier(.25, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.5, 0, 1, 1);--ease-in-3: cubic-bezier(.7, 0, 1, 1);--ease-in-4: cubic-bezier(.9, 0, 1, 1);--ease-in-5: cubic-bezier(1, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .1, 1);--ease-out-5: cubic-bezier(0, 0, 0, 1);--ease-in-out-1: cubic-bezier(.1, 0, .9, 1);--ease-in-out-2: cubic-bezier(.3, 0, .7, 1);--ease-in-out-3: cubic-bezier(.5, 0, .5, 1);--ease-in-out-4: cubic-bezier(.7, 0, .3, 1);--ease-in-out-5: cubic-bezier(.9, 0, .1, 1);--ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);--ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);--ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);--ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);--ease-elastic-in-1: cubic-bezier(.5, -.25, .75, 1);--ease-elastic-in-2: cubic-bezier(.5, -.5, .75, 1);--ease-elastic-in-3: cubic-bezier(.5, -.75, .75, 1);--ease-elastic-in-4: cubic-bezier(.5, -1, .75, 1);--ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);--ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);--ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);--ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);--ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);--ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);--ease-step-1: steps(2);--ease-step-2: steps(3);--ease-step-3: steps(4);--ease-step-4: steps(7);--ease-step-5: steps(10);--ease-elastic-1: var(--ease-elastic-out-1);--ease-elastic-2: var(--ease-elastic-out-2);--ease-elastic-3: var(--ease-elastic-out-3);--ease-elastic-4: var(--ease-elastic-out-4);--ease-elastic-5: var(--ease-elastic-out-5);--ease-squish-1: var(--ease-elastic-in-out-1);--ease-squish-2: var(--ease-elastic-in-out-2);--ease-squish-3: var(--ease-elastic-in-out-3);--ease-squish-4: var(--ease-elastic-in-out-4);--ease-squish-5: var(--ease-elastic-in-out-5);--ease-spring-1: linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);--ease-spring-2: linear(0, .007, .029 2.2%, .118 4.7%, .625 14.4%, .826 19%, .902, .962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, .999 61.6%, .995 71.2%, 1);--ease-spring-3: linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1);--ease-spring-4: linear(0, .009, .037 1.7%, .153 3.6%, .776 10.3%, 1.001, 1.142 16%, 1.185, 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, .973, .955 39.2%, .953 41.1%, .957 43.3%, .998 53.3%, 1.009 59.1% 63.7%, .998 78.9%, 1);--ease-spring-5: linear(0, .01, .04 1.6%, .161 3.3%, .816 9.4%, 1.046, 1.189 14.4%, 1.231, 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, .999 29.4%, .955 32.1%, .942, .935 34.9%, .933, .939 38.4%, 1 47.3%, 1.011, 1.017 52.6%, 1.016 56.4%, 1 65.2%, .996 70.2%, 1.001 87.2%, 1);--ease-bounce-1: linear(0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391 36.8%, .563, .766, 1 58.8%, .946, .908 69.1%, .895, .885, .879, .878, .879, .885, .895, .908 89.7%, .946, 1);--ease-bounce-2: linear(0, .004, .016, .035, .063, .098, .141 15.1%, .25, .391, .562, .765, 1, .892 45.2%, .849, .815, .788, .769, .757, .753, .757, .769, .788, .815, .85, .892 75.2%, 1 80.2%, .973, .954, .943, .939, .943, .954, .973, 1);--ease-bounce-3: linear(0, .004, .016, .035, .062, .098, .141 11.4%, .25, .39, .562, .764, 1 30.3%, .847 34.8%, .787, .737, .699, .672, .655, .65, .656, .672, .699, .738, .787, .847 61.7%, 1 66.2%, .946, .908, .885 74.2%, .879, .878, .879, .885 79.5%, .908, .946, 1 87.4%, .981, .968, .96, .957, .96, .968, .981, 1);--ease-bounce-4: linear(0, .004, .016 3%, .062, .141, .25, .391, .562 18.2%, 1 24.3%, .81, .676 32.3%, .629, .595, .575, .568, .575, .595, .629, .676 48.2%, .811, 1 56.2%, .918, .86, .825, .814, .825, .86, .918, 1 77.2%, .94 80.6%, .925, .92, .925, .94 87.5%, 1 90.9%, .974, .965, .974, 1);--ease-bounce-5: linear(0, .004, .016 2.5%, .063, .141, .25 10.1%, .562, 1 20.2%, .783, .627, .534 30.9%, .511, .503, .511, .534 38%, .627, .782, 1 48.7%, .892, .815, .769 56.3%, .757, .753, .757, .769 61.3%, .815, .892, 1 68.8%, .908 72.4%, .885, .878, .885, .908 79.4%, 1 83%, .954 85.5%, .943, .939, .943, .954 90.5%, 1 93%, .977, .97, .977, 1)}:root{--ff-heading: "Graphik", sans-serif;--ff-text: Arial, Helvetica, sans-serif,"Wotfard", serif;--ff-code: "IBM Plex Mono", monospace;--ff-kp-primary: "Barlow Semi Condensed", sans-serif}@layer fonts;@layer fonts{@font-face{font-family:Dela Gothic One;src:url(/fonts/DelaGothicOne-Regular.ttf) format("truetype")}@font-face{font-family:Rampart one;src:url(/fonts/RampartOne-Regular.ttf) format("truetype")}}:root{--color-base-white: #fff;--color-base-black: #000;--color-base-grey: #ccc;--color-black-500: #333;--color-grey-100: #fafafa;--color-grey-200: #eee;--color-grey-300: #ddd;--color-grey-400: var(--color-base-grey);--color-grey-700: #737373;--color-grey-800: #505050;--color-grey-900: #222;--color-default: light-dark(var(--color-base-black), var(--color-base-white));--color-contrast: light-dark(var(--color-base-white), var(--color-base-black));--color-overlay: light-dark(rgba(0, 0, 0, .6), rgba(255, 255, 255, .6));--app-color-background-primary: light-dark(#f9f7ee, #130a44);--app-color-background-contrast: light-dark(#130a44, #f9f7ee);--app-color-text-primary: var(--color-default);--app-color-text-secondary: light-dark(var(--color-grey-700), var(--color-grey-200));--app-color-border-primary: light-dark(var(--color-base-black), var(--color-base-white));--app-color-border-secondary: light-dark(#ccc, #737373);--app-color-border-tertiary: light-dark(#ccc, #eee);--anchor-color-text-primary: light-dark(#000, #fff);--anchor-color-text-primary-active: light-dark(#0f73ee, #bb86fc);--anchor-color-text-secondary: light-dark(#999, #737373);--anchor-color-text-secondary-active: light-dark(#0f73ee, #bb86fc)}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){:root *{transition:none!important;animation:none!important}}html{color-scheme:light dark}@media(prefers-color-scheme:dark){html{color-scheme:dark}}html[data-theme=dark]{color-scheme:only dark}html[data-theme=light]{color-scheme:only light}:root{interpolate-size:allow-keywords}*,*:after,*:before{box-sizing:inherit}:target{scroll-margin-block:5ex}*{margin:0;padding:0;font:inherit;line-height:inherit}html,body{width:auto;height:100%}html{box-sizing:border-box;font-size:16px;-webkit-tap-highlight-color:rgba(0,0,0,0);hanging-punctuation:first last;text-size-adjust:none}html:focus-within{scroll-behavior:smooth}body{font-family:var(--ff-text, Arial, Helvetica, sans-serif, "Wotfard", serif);line-height:1.5;font-weight:300;font-size:.875rem;border-color:var(--app-color-border-primary, #000);color:var(--app-color-text-primary, #000);background-color:var(--app-color-background-primary, #fff);outline-color:var(--app-color-border-primary, #000);position:relative;text-rendering:optimizeSpeed;transition:background-color .2s ease}body.-userSelectNone *{-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,figcaption{text-wrap:pretty}ul{list-style-type:none;padding:0;margin:0}ol{list-style:none}img{width:100%;height:auto}button,[role=button]{cursor:pointer}button:disabled,button[aria-disabled=true],[role=button]:disabled,[role=button][aria-disabled=true]{filter:grayscale(1)}a{color:var(--anchor-color-text-primary, #000);text-decoration-skip-ink:auto}a:hover,a:focus-visible{color:var(--anchor-color-text-primary-active, #000)}a[aria-disabled=true]{pointer-events:none;filter:grayscale(1)}img,picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4,button,input,label{line-height:1.1}table{border-collapse:collapse;border-spacing:0}fieldset{min-width:0;border:0}[hidden]{display:none!important}button,input,textarea{touch-action:manipulation}@media(prefers-reduced-motion:no-preference){:has(:target){scroll-behavior:smooth;scroll-padding-top:3rem}}:root{--content-padding: 4.75rem;--content-maxwidth: 80rem;--content-breakout-maxwidth: 96.875rem}@media(max-width:720px){:root{--content-padding: 2rem}}@media(max-width:450px){:root{--content-padding: 1rem}}.app-fullwidth{grid-column:full-width;display:grid;grid-template-columns:inherit}.app-breakout{grid-column:breakout}.app-grid{--_grid-breakout-size: calc((var(--content-breakout-maxwidth) - var(--content-maxwidth)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--content-padding),1fr) [breakout-start] minmax(0,var(--_grid-breakout-size)) [content-start] min(100% - var(--content-padding) * 2,var(--content-maxwidth)) [content-end] minmax(0,var(--_grid-breakout-size)) [breakout-end] minmax(var(--content-padding),1fr) [full-width-end]}.app-fullwidth>:not(.app-breakout,.app-fullwidth),.app-grid>:not(.app-breakout,.app-fullwidth){grid-column:content}.app-container{padding-left:var(--content-padding);padding-right:var(--content-padding);width:100%;max-width:var(--content-maxwidth);margin-left:auto;margin-right:auto}.app-wrap{width:100%;margin:0 auto;display:flex;flex-direction:column;position:relative;flex:1}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{padding:.25rem .75rem;font-size:.875rem;position:absolute;top:0;left:50%;text-align:center;background-color:#f4f4f4;transform:translate(-50%);z-index:1100}.-stretched-link:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;display:inline-block;z-index:1}.-stretched-link:after:focus-visible:after{outline:.0625rem solid #000}.app-releasenotes__group h3{font-size:1.25rem;font-weight:500}.app-releasenotes__group>ul{padding-left:1rem}.app-releasenotes__group>ul>li{list-style-type:disc;font-size:.875rem}.app-releasenotes__list{padding-left:1rem;list-style-type:disclosure-closed;display:flex;flex-direction:column}.app-releasenotes__list>li{padding:1rem 0}.app-releasenotes__list>li:not(:first-child){border-top:1px solid #ccc}.app-releasenotes__title{font-size:2rem;text-align:center}.app-releasenotes__back{color:var(--color-default)}.app-releasenotes__back svg{width:1.5rem;height:1.5rem}.app-releasenotes__head{display:flex;align-items:center;gap:1rem}.app-releasenotes__wrap{padding:var(--app-wrap-padding-v) 0 2rem}.app-themeswitch__toggle{background:transparent;border:0;padding:0;height:1.5rem;width:1.5rem;color:inherit}.app-themeswitch__toggle .sun-and-moon{height:100%;width:100%;pointer-events:none}.app-themeswitch__toggle .sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center}.app-themeswitch__toggle .sun-and-moon>:is(.moon,.sun){fill:var(--themeswitch-icon-color)}.app-themeswitch__toggle .sun-and-moon>.sun-beams{stroke:var(--themeswitch-icon-color);stroke-width:2px}@media(prefers-reduced-motion:no-preference){.app-themeswitch__toggle .sun-and-moon>.sun{transition:transform .5s var(--ease-elastic-3)}.app-themeswitch__toggle .sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}.app-themeswitch__toggle .sun-and-moon>circle{transition:transform .25s var(--ease-out-5)}@supports (cx: 1){.app-themeswitch__toggle .sun-and-moon>.moon>circle{transition:cx .25s var(--ease-out-5)}}}.app-themeswitch__toggle[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}.app-themeswitch__toggle[data-theme=dark] .sun-and-moon>.sun-beams{opacity:0}.app-themeswitch__toggle[data-theme=dark] .sun-and-moon .moon>circle{transform:translate(-7px)}@supports (cx: 1){.app-themeswitch__toggle[data-theme=dark] .sun-and-moon>.moon>circle{cx:17;transform:translate(0)}}@media(prefers-reduced-motion:no-preference){.app-themeswitch__toggle[data-theme=dark] svg.sun-and-moon>.sun{transition-timing-function:var(--ease-3);transition-duration:.25s;transform:scale(1.75)}.app-themeswitch__toggle[data-theme=dark] svg.sun-and-moon>.sun-beams{transition-duration:.15s;transform:rotate(-25deg)}.app-themeswitch__toggle[data-theme=dark] svg.sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s}}.app-themeswitch__toggle:is(:hover,:focus-visible) .sun-and-moon>:is(.moon,.sun){fill:var(--themeswitch-icon-color-active)}.app-themeswitch__toggle:is(:hover,:focus-visible) .sun-and-moon .sun-beams{stroke:var(--themeswitch-icon-color-active)}.app-themeswitch__wrap{line-height:1;--themeswitch-icon-color: light-dark( rgba(0, 0, 0, .8), rgba(255, 255, 255, .8) );--themeswitch-icon-color-active: light-dark( rgba(0, 0, 0, 1), rgba(255, 255, 255, 1) )}@font-face{font-family:Yesteryear;src:url(/assets/Yesteryear-Regular-B6JEjZ9Q.ttf)}.app-header__logo{font-family:Yesteryear,cursive,monospace;text-decoration:none;font-size:1.5rem;color:light-dark(#a41b27,#fff)}.app-header__logo:hover,.app-header__logo:focus-visible{color:light-dark(#a41b27,#fff);text-decoration:none}@media(max-width:350px){.app-header__logo{font-size:0}.app-header__logo:before{content:"PT";font-size:1.5rem;font-family:Dela Gothic One}}.app-header__right{display:flex;align-items:center;gap:1rem}.app-header__inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.app-header__wrap{--_margin-h: 2rem;position:fixed;inset:var(--app-margin-top-header) auto auto 50%;width:min(850px,100vw - 2 * var(--_margin-h));height:var(--app-height-header, 4rem);translate:-50% 0;background-color:light-dark(#fff,#222);z-index:99;padding:1rem;border:1px solid light-dark(#000,#fff);box-shadow:0 .25rem 0 var(--app-color-background-contrast);border-radius:200px}@media(max-width:300px){.app-header__wrap{--_margin-h: .75rem}}:root{--app-height-header: 4rem;--app-margin-top-header: 1.25rem;--app-wrap-padding-v: calc(var(--app-height-header) + var(--app-margin-top-header) + 2rem) }.app-nxvmenu__item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none}.app-nxvmenu__item:hover,.app-nxvmenu__item:focus-visible{background-color:var(--app-color-background-contrast);color:var(--app-color-background-primary);outline:none;text-decoration:none}.app-nxvmenu__item[aria-selected=true]{word-break:break-all}.app-nxvmenu__item[aria-selected=true]:before{content:"";height:1rem;width:1rem;flex:0 0 1rem;display:inline-block;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain}.app-nxvmenu__dropdown{position:absolute;top:calc(100% + .75rem);right:0;background:var(--app-color-background-primary);border:1px solid var(--color-default);border-radius:.5rem;min-width:200px;max-height:80vh;overflow-y:auto;display:none;box-shadow:0 2px 4px light-dark(rgba(0,0,0,.1),transparent)}.app-nxvmenu__dropdown.-open{display:grid}.app-nxvmenu__control{background:none;padding:0 .25rem;cursor:pointer;font-size:1rem;border-radius:.5rem;line-height:1;height:1.5rem;display:flex;align-items:center;gap:.5rem;border:none}.app-nxvmenu__control:after{content:"";height:1rem;width:1rem;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;display:block;transition:rotate .2s ease;translate:0 1px}.app-nxvmenu__control[aria-expanded=true]:after{rotate:180deg}.app-nxvmenu__control span{display:inline-block}.app-nxvmenu__control:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}@media(max-width:400px){.app-nxvmenu__control span{display:none}.app-nxvmenu__control:before{content:"nav"}}.app-nxvmenu__wrap{position:relative}.app-footer__right{display:flex;align-items:center;gap:.5rem;margin-left:auto}@media(max-width:300px){.app-footer__right{margin-left:0}}.app-footer__inner{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.app-footer__wrap{padding:1rem 0;border-top:1px solid}@keyframes appear{to{transform:scale(1);opacity:1}}.cc-slider__toggle:before{--_color1: transparent;--_color2: var(--_color);content:"";position:absolute;inset:50% auto auto 50%;translate:-50% -50%;height:80%;width:80%;border-radius:50%;transition:background-image 2s ease;background-image:linear-gradient(to right,var(--_color1) 0 50%,var(--_color2) 50% 100%)}.cc-slider__toggle{--_color: light-dark(#777, #ccc);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:1.25rem;height:1.25rem;cursor:pointer;border-radius:50%;border:1px solid var(--_color);overflow:hidden}.cc-slider__toggle:hover,.cc-slider__toggle:focus-visible{--_color: light-dark(#000, #fff)}.cc-slider__toggle:checked:before{--_color1: var(--_color);--_color2: transparent}.cc-slider__tolerance{font-size:.625rem}.cc-slider__label input{--pos: 0;flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;position:relative;height:.5rem;margin-left:2vmin;border-radius:.3125rem;transition:all .3s;background:linear-gradient(to right,#f07575,#f0b375,#f0f075 16.6%,#b3f075 25%,#75f075,#75f0b3 41.6%,#75f0f0 50%,#75b3f0,#7575f0 66.6%,#b275f0 75%,#f075f0,#f075b3 91.6%,#f07575)}.cc-slider__label input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:18px;height:18px;border-radius:50%;background:linear-gradient(120deg,#444 30%,#111);box-shadow:0 0 0 2px #fff,0 0 2px 3px #444}.cc-slider__label input::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:18px;height:18px;border-radius:50%;background:linear-gradient(120deg,#444 30%,#111);box-shadow:0 0 0 2px #fff,0 0 2px 3px #444}.cc-slider__label input:not(.-mono):focus::-moz-range-thumb{background:linear-gradient(120deg,hsl(calc(var(--pos) * 360),90%,50%) 30%,hsl(calc(var(--pos) * 360),100%,40%));box-shadow:0 0 0 3px #fff,0 0 2px 4px hsl(calc(var(--pos) * 360),100%,50%)}.cc-slider__label input:not(.-mono):focus::-webkit-slider-thumb{background:linear-gradient(120deg,hsl(calc(var(--pos) * 360),90%,50%) 30%,hsl(calc(var(--pos) * 360),100%,40%));box-shadow:0 0 0 3px #fff,0 0 2px 4px hsl(calc(var(--pos) * 360),100%,50%)}.cc-slider__label input:not(.-mono):focus{height:.625rem;background:linear-gradient(to right,red,#ff8000,#ff0 16.6%,#80ff00 25%,#0f0,#00ff80 41.6%,#0ff 50%,#0080ff,#00f 66.6%,#7f00ff 75%,#f0f,#ff0080 91.6%,red)}.cc-slider__label input.-mono{background:linear-gradient(to bottom,#444,#111)}.cc-slider__label{display:flex;align-items:center;gap:1rem;flex:1}.cc-slider__flex{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cc-slider__wrap{display:flex;flex-direction:column;gap:.75rem}.cc-chart__axis.-lightness{position:absolute;top:0;right:0;width:100%;transform-origin:top right;transform:rotate(-90deg) translateY(200%) rotate(180deg) translate(100%)}.cc-chart__axis.-saturation{translate:0 100%}.cc-chart__axis:before,.cc-chart__axis:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:33%;height:1px;background:light-dark(#aaa,#fff)}.cc-chart__axis:before{left:0}.cc-chart__axis:after{right:0}.cc-chart__axis{position:relative;font-size:var(--_axis-fs);letter-spacing:.25em;text-align:center}.cc-chart__button{--_bg: transparent;--_outline: #000;border:none;padding:0;height:100%;background-color:var(--_bg);color:#000;transition:scale var(--_transition-duration) ease}.cc-chart__button.-dark{--_outline: #fff;color:#fff}.cc-chart__button:hover,.cc-chart__button:focus-visible{scale:1.04;box-shadow:0 2px 11px #00000026}.cc-chart__button:focus-visible{outline:1px solid var(--_outline);outline-offset:-.5rem}.cc-chart__button.-selected{scale:16;color:transparent;pointer-events:none;z-index:1}.cc-chart__row{display:grid;grid-auto-flow:column}.cc-chart__container{--_clip-margin: 30px;--_transition-duration: .6s;position:relative;width:100%;height:100%;display:grid;grid-auto-flow:row;overflow:hidden}@supports (overflow: clip){.cc-chart__container{overflow:clip;overflow-clip-margin:30px}.cc-chart__container.-clip{overflow-clip-margin:0px}.cc-chart__container:not(.-clip){animation:transition-state 1s ease forwards}}.cc-chart__wrap{--_axis-fs: .625rem;--_axis-padding: .5rem;--_addition-space: calc(var(--_axis-fs) + (var(--_axis-padding) * 2));position:relative;width:var(--_content-width);aspect-ratio:1/1;margin-bottom:10vh}@media(max-width:600px){.cc-chart__wrap{width:calc(var(--_content-width) - var(--_addition-space));aspect-ratio:1/1.5}}@media(max-height:600px){.cc-chart__wrap{aspect-ratio:1/1.25}}@keyframes transition-state{0%{overflow-clip-margin:0px}99%{overflow-clip-margin:0px}to{overflow-clip-margin:var(--_clip-margin, 30px)}}.cc-colorinfo__copy{height:1rem;width:1rem;border:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-copy-icon lucide-copy'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:100%;mask-size:100%;margin:0;padding:0;background-color:currentColor}.cc-colorinfo__copy:active{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-copy-icon lucide-copy'%3E%3Crect fill='currentColor' width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-copy-icon lucide-copy'%3E%3Crect fill='currentColor' width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E");-webkit-mask-size:90%;mask-size:90%}.cc-colorinfo__container>button{color:inherit;background-color:transparent;border:none;padding:0 1rem;margin:auto auto 0;display:flex;align-items:center;gap:.5rem;width:fit-content;transition:translate .3s ease}.cc-colorinfo__container>button:hover,.cc-colorinfo__container>button:focus-visible{translate:-.75rem 0}.cc-colorinfo__container>button svg{height:1.5rem;width:1.5rem}.cc-colorinfo__container p{font-size:min(1.25rem,5vmin)}.cc-colorinfo__container h2{font-size:min(3rem,10vmin);font-weight:500}.cc-colorinfo__container h2,.cc-colorinfo__container p{display:flex;gap:1rem;align-items:center}.cc-colorinfo__container h2>span,.cc-colorinfo__container p>span{display:inline-block}.cc-colorinfo__container{--_bg: transparent;--_color: #000;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:70%;aspect-ratio:1/1;padding:min(3rem,5vmin);border:1px solid var(--_color);color:var(--_color);display:flex;flex-direction:column;gap:1rem}@media(max-width:550px){.cc-colorinfo__container{width:85%}}.cc-colorinfo__container.-dark{--_color: #fff}.cc-colorinfo__wrap{--_show-info-duration: .3s;position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;opacity:0;overflow:hidden;transform:translateY(-5%) scale(.8);transition:opacity var(--_show-info-duration),transform var(--_show-info-duration)}.cc-colorinfo__wrap.-active{width:100%;height:100%;opacity:1;z-index:2;transform:translateY(0) scale(1);transition-delay:var(--_show-info-duration)}.cc-main__inner{width:var(--_content-width);display:flex;flex-direction:column;gap:2rem}.cc-main__wrap{--_content-width: max(17.25rem, min(80vmin, 50rem));place-items:center}.cc-references__list{list-style-type:upper-latin;padding-inline-start:1.5rem}.cc-references__back svg{height:1.5rem;width:1.5rem}.cc-references__head h2{font-size:1.5rem;font-weight:500}.cc-references__head{display:flex;align-items:center;gap:1rem}.cc-references__wrap{display:flex;flex-direction:column;gap:1.5rem}.cc-app__refcont{margin:2rem 0 3rem;display:flex;justify-content:center;font-size:1rem}.cc-app__subtitle{text-align:center;margin-bottom:3rem;font-size:1.25rem}.cc-app__title{text-align:center;margin-bottom:1rem;font-size:2rem}.cc-app__wrap{padding-top:var(--app-wrap-padding-v)}.cc-cw__swatch{display:inline-block;min-width:5em}#cc-cw-preview{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;background-color:var(--color-contrast);pointer-events:all;position:absolute;inset:auto auto 2rem 50%;translate:-50% 0;border-radius:1rem}#cc-cw-preview:has(.cc-cw__swatch){padding:.5rem 1rem}#cc-cw-vector{pointer-events:all;width:min(100%,600px);aspect-ratio:1/1;clip-path:circle(min(18.75rem,100%) at center)}#cc-cw-vector polygon{stroke-width:1px}.cc-cw__wrap{display:flex;flex-direction:column;padding-bottom:4rem;align-items:center;pointer-events:none;position:relative}@media(max-width:300px){.cc-cw__wrap{padding-bottom:0;gap:0}.cc-cw__wrap *{display:none}}.cg-app__refcont{margin:2rem 0 3rem;display:flex;justify-content:center;font-size:1rem}.cg-app__title>span{--_border: var(--app-color-background-contrast);position:relative;padding:.2rem .5rem;margin-left:.5rem;display:inline-block}.cg-app__title>span:before{content:"";position:absolute;top:-.2rem;left:-.3rem;width:calc(100% + .6rem);height:calc(100% + .4rem);border:1px solid var(--_border);box-shadow:0 2px 4px color-mix(in srgb,var(--_border) 20%,transparent);filter:url(#rough-edge)}.cg-app__title{text-align:center;margin-bottom:2rem;font-size:2rem;position:relative}.cg-app__wrap{padding-top:var(--app-wrap-padding-v)}@keyframes slidein-from-left{0%{translate:0 0}to{translate:var(--_final-translate-x) 0}}@keyframes slidein-from-right{0%{translate:0 0}to{translate:var(--_final-translate-x) 0}}@keyframes yinyang{to{rotate:-360deg}}.cg-main__yinyang{--_yin: #000;--_yang: #fff;position:relative;box-sizing:content-box;width:6rem;height:3rem;background:var(--_yin);border-color:var(--_yang);border-style:solid;border-width:.125rem .125rem 3.125rem .125rem;border-radius:50%;animation:yinyang 8s linear infinite}.cg-main__yinyang:before,.cg-main__yinyang:after{content:"";position:absolute;top:50%;left:0;border:1.125rem solid;border-radius:50%;width:.75rem;height:.75rem;box-sizing:content-box}.cg-main__yinyang:before{background-color:var(--_yin);border-color:var(--_yang)}.cg-main__yinyang:after{left:50%;background-color:var(--_yang);border-color:var(--_yin)}.cg-main__yinyang.-easy,.cg-main__yinyang:hover{animation-play-state:paused}.cg-main__result{padding:.25em 0;position:relative}.cg-main__result:before{content:"";position:absolute;top:-1.75em;right:-1.75em;bottom:-1.75em;left:-1.75em;mask:url("data:image/svg+xml,%3Csvg width='377' height='132' viewBox='0 0 377 132' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M275.477 1.21947C302.595 1.51341 328.756 4.54979 353.724 14.4939C358.999 16.5946 363.938 19.3476 368.3 23.0448C377.922 31.2013 379.263 41.6937 371.69 51.7683C363.263 62.9775 351.461 69.9415 339.445 76.4825C304.395 95.5616 266.626 107.174 228.041 116.345C196.272 123.896 164.092 128.868 131.441 130.716C103.787 132.28 76.1953 132.731 48.8334 127.532C38.5233 125.574 28.4576 122.674 19.1454 117.621C-0.312383 107.064 -4.89759 88.3688 7.5697 70.0938C15.1268 59.0168 25.4637 50.8994 36.4672 43.5765C58.547 28.8818 82.6355 17.9457 106.404 6.41618C109.09 5.11314 111.743 3.73051 114.483 2.55363C116.798 1.55961 119.735 -0.718344 121.455 2.58402C123.26 6.05137 119.627 6.98124 117.376 8.1182C100.916 16.4294 84.3174 24.4726 67.9729 33.0032C52.3254 41.17 37.0988 50.0792 23.8727 61.9752C18.2584 67.025 13.3065 72.6245 10.1957 79.5962C4.87976 91.5089 7.82434 101.881 18.6429 109.184C28.9398 116.134 40.7311 119.159 52.7114 121.256C75.605 125.264 98.6737 125.85 121.878 124.559C189.916 120.774 255.562 106.717 318.156 79.4182C331.739 73.4945 344.765 66.4608 356.528 57.3248C360.751 54.0453 364.675 50.4237 367.419 45.7483C370.904 39.809 370.316 34.8066 365.445 29.9109C358.889 23.3223 350.406 20.2077 341.84 17.4712C324.3 11.8683 306.207 9.48094 287.872 8.32079C233.417 4.87517 180.794 14.0002 129.261 30.9358C106.819 38.311 84.767 46.7591 62.6382 54.9979C59.8352 56.0415 56.9568 56.8813 54.1432 57.898C52.0057 58.6704 50.0696 58.6793 49.1544 56.2751C48.192 53.7461 50.1228 52.7084 51.9684 51.7843C52.5603 51.4881 53.198 51.282 53.8188 51.0454C92.3325 36.3652 130.777 21.4956 171.021 11.9853C205.221 3.90336 239.844 0.120895 275.477 1.21947Z' fill='%23130A44'/%3E%3C/svg%3E%0A") no-repeat center;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}.cg-main__reset{width:fit-content}.cg-main__btngroup>button{--_radius: .3125em;--_bg: light-dark(#fff, #000);--_shadow: light-dark(#000, #eee);font-size:1rem;border:none;cursor:pointer;border-radius:var(--_radius);background:var(--_shadow)}.cg-main__btngroup>button span{display:block;box-sizing:border-box;border:2px solid var(--_shadow);border-radius:var(--_radius);padding:.75em 1.5em;background:var(--_bg);color:var(--_shadow);transform:translate(-.2em,-.2em);transition:transform .1s ease}.cg-main__btngroup>button:is(:hover,:focus-visible) span{transform:translate(-.33em,-.33em)}.cg-main__btngroup>button:is(:active) span{transform:translate(0)}.cg-main__btngroup{display:flex;gap:1rem;padding-top:1rem;flex-wrap:wrap;justify-content:center}.cg-main__vennitem{--_animation-duration: .5s;--_final-translate-x: calc(var(--_gap) * 2);width:min(8.25rem,25vmin);height:auto;aspect-ratio:1/1;border-radius:50%;border:1px solid light-dark(#000,#fff);font-size:.875rem;transition:all .5s ease-in-out}.cg-main__vennitem.-selected{position:relative}.cg-main__vennitem.-question{--_final-translate-x: calc(var(--_gap) * -2);position:relative}.cg-main__vennitem.-question>div{position:absolute;inset:0 auto auto calc(100% + .25rem);height:3em;width:4em;rotate:180deg}.cg-main__vennitem.-question>div svg{height:100%;width:100%}.cg-main__vennitem.-question>div svg path:not(:nth-of-type(1)){fill:var(--app-color-background-primary)}.cg-main__vennitem.-question>div:after{content:"target";rotate:-180deg;display:block;position:absolute;left:-3em;top:1em}@media(max-width:400px){.cg-main__vennitem.-question>div{left:50%;display:none}}.cg-main__vennitem.-easy{aspect-ratio:1/1.25;border-radius:.5rem}.cg-main__vennitem.-easy.-selected{animation:slidein-from-left var(--_animation-duration) ease-in-out forwards;rotate:-5deg}.cg-main__vennitem.-easy.-question{animation:slidein-from-right var(--_animation-duration) ease-in-out forwards;rotate:5deg;mix-blend-mode:difference}.cg-main__venn{--_gap: 1rem;display:flex;gap:var(--_gap)}.cg-main__venn.-easy{mix-blend-mode:darken}.cg-main__wrap{display:grid;place-content:center;place-items:center;text-align:center;gap:2rem}html[data-theme=dark] .cg-main__venn{mix-blend-mode:lighten}.cg-difficulty__slidebar{position:absolute;height:calc(100% - var(--_padding-v) * 4);width:var(--_label-w);border-radius:calc(var(--_border-radius) - var(--_padding-v));background:var(--_color-highlight);transform-origin:0 0 0;z-index:0;transition:transform var(--_duration) cubic-bezier(.33,.83,.99,.98)}.cg-difficulty__bar{--_br: 2em;position:absolute;transform-origin:0 0 0;height:100%;width:var(--_label-w);z-index:0;transition:transform var(--_duration) cubic-bezier(.33,.83,.99,.98)}.cg-difficulty__bar:before,.cg-difficulty__bar:after{content:"";position:absolute;height:.25em;width:100%;background:var(--_color-secondary)}.cg-difficulty__bar:before{top:0;border-radius:0 0 var(--_br) var(--_br)}.cg-difficulty__bar:after{bottom:0;border-radius:var(--_br) var(--_br) 0 0}.cg-difficulty__rdo>span{display:inline-block;font-size:.875rem}.cg-difficulty__rdo>input{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cg-difficulty__rdo{display:flex;text-align:center;justify-content:center;cursor:pointer;padding:.75em 1em;min-width:var(--_label-w);outline-offset:-.375em;position:relative;z-index:2}.cg-difficulty__rdo:has(input:focus-visible){outline:1px solid}.cg-difficulty__rdo:has(input:checked) span{color:var(--_color-selected)}.cg-difficulty__wrap{--_duration: .3s;--_color-background: transparent;--_color-secondary: var(--color-default);--_color-highlight: var(--app-color-background-contrast);--_color-selected: var(--color-contrast);--_border-radius: .625em;--_padding-h: .5em;--_padding-v: .25em;--_label-w: 6.25em;display:flex;align-items:center;padding:var(--_padding-v) var(--_padding-h);position:relative;background:var(--_color-background);border-radius:var(--_border-radius);border:1px solid var(--_color-secondary);padding-right:0;overflow-x:clip;grid-column:1/-1;font-size:min(1rem,4vmin)}.cg-difficulty__wrap:has(label:nth-of-type(1)>input:checked)>:where(.cg-difficulty__slidebar,.cg-difficulty__bar){transform:translate(0) scaleX(1)}.cg-difficulty__wrap:has(label:nth-of-type(2)>input:checked)>:where(.cg-difficulty__slidebar,.cg-difficulty__bar){transform:translate(100%) scaleX(1)}.cg-difficulty__wrap:has(label:nth-of-type(3)>input:checked)>:where(.cg-difficulty__slidebar,.cg-difficulty__bar){transform:translate(200%) scaleX(1)}.cg-difficulty__wrap:has(label:nth-of-type(1):hover) .cg-difficulty__bar{transform:translate(0) scaleX(1)}.cg-difficulty__wrap:has(label:nth-of-type(2):hover) .cg-difficulty__bar{transform:translate(100%) scaleX(1)}.cg-difficulty__wrap:has(label:nth-of-type(3):hover) .cg-difficulty__bar{transform:translate(200%) scaleX(1)}.cg-difficulty__group>legend{float:inline-start;grid-column:1/-1;text-align:center;text-decoration:underline}.cg-difficulty__group{display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;text-align:left}@media(max-width:400px){.cg-difficulty__group{grid-template-columns:1fr 1fr}}.home-carousel__wrap{padding:7rem 0 3rem;min-height:20rem;display:flex;align-items:center;justify-content:center;overflow-x:clip}.home-cube__wrap{position:relative;height:min(25rem,100dvh);padding-top:3rem;padding-bottom:3rem}.home-tool__listitem.-left>h3{font-size:1.5rem;font-weight:600}.home-tool__listitem.-left>p{font-size:.875rem}.home-tool__listitem.-left{display:flex;flex-direction:column;gap:1rem}.home-tool__listitem.-right{border-radius:1rem;background-color:var(--app-color-background);width:100%;aspect-ratio:1.5/1;position:relative}.home-tool__listitem.-right>picture{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.home-tool__listitem.-right>picture>img{height:auto;width:auto;object-fit:cover;object-position:center;scale:1;transition:.3s ease-in-out}.home-tool__listitem.-right>picture:hover>img{scale:1.3}.home-tool__listitem.-right *{border-radius:inherit}.home-tool__list>li{display:flex;align-items:center;flex-direction:row;gap:1rem}.home-tool__list>li>.-left{flex:0 0 45%}.home-tool__list>li>.-right{flex:0 0 55%}.home-tool__list>li:nth-child(2n){flex-direction:row-reverse}@media(max-width:700px){.home-tool__list>li{flex-direction:column!important;gap:1.25rem}.home-tool__list>li>:is(.-left,.-right){flex:auto}}.home-tool__list{display:grid;gap:1.5rem}.home-tool__wrap>h2{font-size:2rem;font-family:Dela Gothic One,Arial,Helvetica,sans-serif;text-align:center;padding-bottom:1.5rem}.home-tool__wrap{padding-top:1.5rem;position:relative;border-top:1px solid var(--app-color-background-contrast);color:1px solid var(--app-color-background-contrast)}.home-landing__title{font-family:Dela Gothic One,Arial,Helvetica,sans-serif;font-size:min(8rem,17.5vmin);line-height:1.2;text-align:center;color:light-dark(#fff,#222);-webkit-text-stroke:.0625rem light-dark(#000,#fff);text-shadow:0 .25rem 0 var(--app-color-background-contrast);max-width:7ch}.home-landing__hero{padding:var(--app-wrap-padding-v) 0;height:min(100vh,800px);min-height:18.75rem;background:url(/hero-light.png) no-repeat center;background-size:clamp(40rem,43.75rem,100%) 100%;display:grid;justify-items:center;align-items:center}.home-landing__wrap{position:relative}.home-landing__wrap>*:last-child{padding-block-start:3.5rem;padding-block-end:3.5rem}.cxc-app__refcont{margin:2rem 0 3rem;display:flex;justify-content:center;font-size:1rem}.cxc-app__title{text-align:center;margin-bottom:2rem;font-size:2rem}.cxc-app__wrap{padding-top:var(--app-wrap-padding-v)}.c-tooltip__wrapper{position:relative;display:inline-block}.c-tooltip__inner{--_bg: light-dark(#000, #fff);--_color: light-dark(#fff, #000);position:absolute;padding:.75rem 1rem;border-radius:.25rem;background-color:var(--_bg);color:var(--_color);font-size:.875rem;line-height:1.5;z-index:1000;width:min(16rem,50vw)}.c-tooltip__inner:before{content:"";position:absolute;width:0;height:0;border:.375rem solid transparent}.c-tooltip__inner[data-position=top]{bottom:100%;left:50%;transform:translate(-50%) translateY(-.5rem)}.c-tooltip__inner[data-position=top]:before{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--_bg);border-bottom:0}.c-tooltip__inner[data-position=bottom]{top:100%;left:50%;transform:translate(-50%) translateY(.5rem)}.c-tooltip__inner[data-position=bottom]:before{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--_bg);border-top:0}.c-tooltip__inner[data-position=left]{right:100%;top:50%;transform:translateY(-50%) translate(-.5rem)}.c-tooltip__inner[data-position=left]:before{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--_bg);border-right:0}.c-tooltip__inner[data-position=right]{left:100%;top:50%;transform:translateY(-50%) translate(.5rem)}.c-tooltip__inner[data-position=right]:before{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--_bg);border-left:0}.cxc-main__table-tltipcont{background-color:transparent;border:none;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:.25rem;padding:0;display:inline-block;text-align:inherit}.cxc-main__table th,.cxc-main__table td{padding:.625rem .5rem;text-align:center;line-height:1}.cxc-main__table th:is(:first-child),.cxc-main__table td:is(:first-child){text-align:left}.cxc-main__table th:is(td):is(:nth-last-child(1),:nth-last-child(2)):before,.cxc-main__table td:is(td):is(:nth-last-child(1),:nth-last-child(2)):before{--_color: #ff0000;content:"";background-color:var(--_color);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") no-repeat center;height:1rem;width:1rem;-webkit-mask-size:contain;mask-size:contain;display:inline-block;margin-right:.5rem;translate:0 2.5px}.cxc-main__table th:is(td):is(:nth-last-child(1),:nth-last-child(2))[data-pass=true]:before,.cxc-main__table td:is(td):is(:nth-last-child(1),:nth-last-child(2))[data-pass=true]:before{--_color: light-dark(green, lime);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.cxc-main__table tbody tr:not(:last-child){border-bottom:1px solid var(--app-color-border-secondary)}.cxc-main__table thead{border-bottom:1px solid}.cxc-main__table{--_border: 1px solid;width:100%;border-collapse:collapse}.cxc-main__tablewrap{padding:var(--_padding)}.cxc-main__setup-field>input[type=color]{height:var(--_size);width:var(--_size);border-radius:var(--_child-radius);min-width:0}.cxc-main__setup-field>label>input[type=text]{padding:0;border:none;outline:none;background-color:transparent;text-transform:uppercase;width:100%;min-width:0}.cxc-main__setup-field>label:before{content:"HEX";font-size:.75rem}.cxc-main__setup-field>label{height:var(--_size);display:flex;flex-direction:column;font-size:1.125rem;border-radius:var(--_child-radius);background-color:light-dark(#eee,#575757);padding:.625rem;line-height:1;gap:.5rem;text-transform:uppercase}.cxc-main__setup-field>label:has(input:focus-visible){outline:1px solid}.cxc-main__setup-field>p{height:var(--_size);display:flex;flex-direction:column;font-size:1.125rem;border-radius:var(--_child-radius);background-color:light-dark(#eee,#575757);padding:.625rem;line-height:1;gap:.5rem;text-transform:uppercase}.cxc-main__setup-field>p:before{content:"HEX";font-size:.75rem}.cxc-main__setup-field>legend{float:inline-start}.cxc-main__setup-field>button{padding:0;background-color:currentColor;border:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E") no-repeat center;height:1rem;width:1rem;-webkit-mask-size:1rem;mask-size:1rem;position:relative;transition:transform .1s ease,filter .1s ease;cursor:pointer;justify-self:center}.cxc-main__setup-field>button:hover,.cxc-main__setup-field>button:focus-visible{opacity:.9;background-color:var(--anchor-color-text-primary-active)}.cxc-main__setup-field>button:active{transform:scale(.95);filter:drop-shadow(0 0 2px rgba(0,0,0,.5));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2' fill='currentColor'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2' fill='currentColor'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E")}.cxc-main__setup-field{--_child-radius: var(--_radius);--_size: 3.375rem;display:grid;grid-template-columns:1fr var(--_size);gap:.75rem .625rem}.cxc-main__setup-body{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 2rem;padding:var(--_padding)}@media(max-width:1200px){.cxc-main__setup-body{grid-template-columns:1fr}}.cxc-main__setup-head>p span{font-weight:500;padding:.375rem;border-radius:var(--_radius);background-color:var(--_bg)}.cxc-main__setup-head>p{--_bg: light-dark(#eee, #575757);font-size:1.25rem}.cxc-main__setup-head>p[data-clears=aa]{--_bg: light-dark(#f2c59c, #ff7b07)}.cxc-main__setup-head>p[data-clears=aaa]{--_bg: light-dark(#9bea9b, #189d18)}.cxc-main__setup-head>button:before{content:"";height:1.5rem;width:1.5rem;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cpath fill='currentColor' fill-opacity='0.9' fill-rule='evenodd' d='m17.292 7.998-.146-.146-1-1a.5.5 0 0 1 .708-.708l1 1 1 1a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L17.292 9h-1.348a3.5 3.5 0 0 0-2.752 1.337l-3.097 3.943a4.5 4.5 0 0 1-3.54 1.72H5.5a.5.5 0 1 1 0-1.001h1.056a3.5 3.5 0 0 0 2.752-1.338l2.308-2.937.134-.172.655-.833a4.5 4.5 0 0 1 3.54-1.72zm-9.438 2.854a.5.5 0 0 0 0-.708L6.707 8.998h.849a3.5 3.5 0 0 1 2.237.809l.617-.79a4.5 4.5 0 0 0-2.854-1.02h-.847l.145-.145 1-1a.5.5 0 0 0-.708-.708l-1 1-1 1a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708 0m5.551 3.426-.383-.488.634-.812.536.682a3.5 3.5 0 0 0 2.752 1.337H18a.5.5 0 1 1 0 1.001h-1.056a4.5 4.5 0 0 1-3.539-1.72' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--_color)}.cxc-main__setup-head>button{--_color: var(--color-default);display:flex;background-color:transparent;align-items:center;padding:0;border:none;gap:.5rem}.cxc-main__setup-head{display:flex;justify-content:space-between;align-items:center;padding:var(--_padding);border:1px solid var(--app-color-border-secondary);border-left:none;border-right:none}.cxc-main__setup-peak>div:first-child{border-top-left-radius:var(--_radius);background-color:var(--_background, #fff)}.cxc-main__setup-peak>div:last-child{border-top-right-radius:var(--_radius);background-color:var(--_foreground, #000)}.cxc-main__setup-peak>div{height:var(--_padding, 1.5rem)}.cxc-main__setup-peak{display:grid;grid-template-columns:1fr 1fr}.cxc-main__setup{--_radius: .5rem;border:1px solid var(--app-color-border-secondary);border-radius:var(--_radius);background-color:var(--color-contrast)}.cxc-main__pv-quote>a{color:var(--_link)}.cxc-main__pv-quote>a:hover,.cxc-main__pv-quote>a:focus-visible{color:var(--_link-active)}.cxc-main__pv-quote>p{font-size:1rem;text-align:center}.cxc-main__pv-quote>p:nth-of-type(2){font-size:.875rem}.cxc-main__pv-quote>div{display:flex;align-items:center;gap:1rem;justify-content:space-between}.cxc-main__pv-quote>div>button{display:inline-block;height:1.25rem;width:1.25rem;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 4 7l4 4'/%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='m16 21 4-4-4-4'/%3E%3Cpath d='M20 17H4'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:1.25rem;mask-size:1.25rem;background-color:var(--_link)}.cxc-main__pv-quote>div>button:hover,.cxc-main__pv-quote>div>button:focus-visible{background-color:var(--_link-active)}.cxc-main__pv-quote>div>h3{font-size:1.875rem}.cxc-main__pv-quote{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;color:var(--_foreground);background-color:var(--_background);border:1px solid var(--_foreground);border-radius:1rem;padding:1rem}.cxc-main__player-list>li>div{display:flex;flex-direction:column;max-width:100%;overflow:hidden}.cxc-main__player-list>li>div p:nth-of-type(1){white-space:nowrap;will-change:transform}.cxc-main__player-list>li>div p:nth-of-type(1)[is-marquee=true]{display:flex;gap:1rem;animation:scroll 10s forwards linear infinite;width:max-content}.cxc-main__player-list>li>div p:nth-of-type(1)[is-marquee=true]:hover{animation-play-state:paused}.cxc-main__player-list>li>div p:nth-of-type(1)[is-marquee=true]:after{content:attr(data-content);display:inline-block}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}.cxc-main__player-list>li>div p:nth-of-type(2){font-size:.875rem}.cxc-main__player-list>li:before{content:"0" counter(tracknumber)}.cxc-main__player-list>li{counter-increment:tracknumber 1;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:start;gap:.25rem 1rem;font-size:1.25rem}@media(max-width:650px){.cxc-main__player-list>li{grid-template-columns:auto 1fr auto}.cxc-main__player-list>li>svg{display:none}}.cxc-main__player-list>li:not(:first-child){margin-top:1rem}.cxc-main__player-list{counter-set:tracknumber 0}.cxc-main__player-title>p{font-size:1.125rem}.cxc-main__player-title>h3{font-size:2.25rem}@media(max-width:1000px){.cxc-main__player-title>h3{font-size:1.75rem}}.cxc-main__player-title{flex:1}.cxc-main__player-buttons>button,.cxc-main__player-buttons a{cursor:pointer;flex:0 0 2.5rem;height:2.5rem;width:2.5rem;padding:0;border:0;mask:no-repeat center;-webkit-mask-size:2.5rem;mask-size:2.5rem;background-color:var(--_text-color)}.cxc-main__player-buttons>button:hover,.cxc-main__player-buttons>button:focus-visible,.cxc-main__player-buttons a:hover,.cxc-main__player-buttons a:focus-visible{text-decoration:none;background-color:var(--_text-color)}.cxc-main__player-buttons>button.--shuffle,.cxc-main__player-buttons a.--shuffle{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' d='M13.484 9.166 15 7h5m0 0-3-3m3 3-3 3M4 17h4l1.577-2.253M4 7h4l7 10h5m0 0-3 3m3-3-3-3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' d='M13.484 9.166 15 7h5m0 0-3-3m3 3-3 3M4 17h4l1.577-2.253M4 7h4l7 10h5m0 0-3 3m3-3-3-3'/%3E%3C/svg%3E")}.cxc-main__player-buttons>button.--control,.cxc-main__player-buttons a.--control{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='currentColor' viewBox='0 0 48 48'%3E%3Cpath fill-rule='evenodd' d='M24 46c12.15 0 22-9.85 22-22S36.15 2 24 2 2 11.85 2 24s9.85 22 22 22m0 2c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24' clip-rule='evenodd'%3E%3C/path%3E%3Cpath d='M36 24 18 34.392V13.608z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='currentColor' viewBox='0 0 48 48'%3E%3Cpath fill-rule='evenodd' d='M24 46c12.15 0 22-9.85 22-22S36.15 2 24 2 2 11.85 2 24s9.85 22 22 22m0 2c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24' clip-rule='evenodd'%3E%3C/path%3E%3Cpath d='M36 24 18 34.392V13.608z'%3E%3C/path%3E%3C/svg%3E")}.cxc-main__player-buttons{display:flex;align-items:center;flex:0 0 auto;gap:inherit}.cxc-main__player-logo>svg{height:4rem;width:4rem}.cxc-main__player-logo>svg>rect{fill:var(--_text-color)}.cxc-main__player-logo>svg>path{fill:var(--_bg-color)}.cxc-main__player-logo{flex:0 0 4rem}.cxc-main__player-body{padding-top:var(--_padding)}.cxc-main__player-head{display:flex;align-items:flex-end;flex-wrap:wrap;gap:1rem;padding-bottom:var(--_padding);border-bottom:1px solid var(--_text-color)}.cxc-main__player-wrap{--_radius: var(--_child-border-radius, 1rem);--_padding: 1.5rem;--_bg-color: var(--_background, #fff);--_text-color: var(--_foreground, #000);--_link-color: var(--_link, blue);--_link-active-color: var(--_link-active, #a100ff);background-color:var(--_bg-color);color:var(--_text-color);border-radius:var(--_radius, 1rem);padding:var(--_padding);border:1px solid var(--_text-color)}.cxc-simulation__severity{display:flex;gap:1rem}.cxc-simulation__severity span{flex:0 0 auto}.cxc-simulation__severity input{--_pos: 0;--_fillcolor: light-dark(mediumvioletred, mediumpurple);--_trackcolor: light-dark(#ccc, #eee);flex:1;max-width:16rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;position:relative;height:.5rem;border-radius:.3125rem;transition:all .3s;border:1px solid #000;background:linear-gradient(to right,var(--_fillcolor) calc(var(--_pos) * 1%),var(--_trackcolor) calc(var(--_pos) * 1%))}.cxc-simulation__severity input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:18px;height:18px;border-radius:50%;background:linear-gradient(120deg,#444 30%,#111);box-shadow:0 0 0 2px #fff,0 0 2px 3px #444}.cxc-simulation__severity input::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:18px;height:18px;border-radius:50%;background:linear-gradient(120deg,#444 30%,#111);box-shadow:0 0 0 2px #fff,0 0 2px 3px #444}.cxc-simulation__severity input::-webkit-slider-runnable-track{height:inherit}.cxc-simulation__severity input::-moz-range-track{height:inherit}.cxc-simulation__severity input:hover::-moz-range-thumb{box-shadow:0 0 0 10px color-mix(var(--_fillcolor) 10%,transparent 90%),0 0 0 2px #fff,0 0 2px 3px #444}.cxc-simulation__severity input:hover::-webkit-slider-thumb{box-shadow:0 0 0 10px color-mix(var(--_fillcolor) 10%,transparent 90%),0 0 0 2px #fff,0 0 2px 3px #444}.cxc-simulation__severity input:focus::-moz-range-thumb,.cxc-simulation__severity input:active::-moz-range-thumb{background:#000;box-shadow:0 0 0 13px color-mix(var(--_fillcolor) 20%,transparent 80%),0 0 0 2px #fff,0 0 2px 3px #000}.cxc-simulation__severity input:focus::-webkit-slider-thumb,.cxc-simulation__severity input:active::-webkit-slider-thumb{background:#000;box-shadow:0 0 0 13px color-mix(var(--_fillcolor) 20%,transparent 80%),0 0 0 2px #fff,0 0 2px 3px #000}.cxc-simulation__severity input:focus,.cxc-simulation__severity input:active{height:.625rem}.cxc-simulation__severity output{flex:0 0 auto}.cxc-simulation__info{background-color:transparent;border:none;padding:0;cursor:help}.cxc-simulation__combo>ul>li{display:block;padding:.5rem 1rem;text-decoration:none;cursor:pointer}.cxc-simulation__combo>ul>li:hover,.cxc-simulation__combo>ul>li:focus-visible{background-color:light-dark(#f5f5f5,#575757);background-color:var(--color-default);color:var(--color-contrast);outline:none;text-decoration:none}.cxc-simulation__combo>ul{position:absolute;top:calc(100% + .75rem);left:0;background:var(--color-contrast);border:1px solid var(--color-default);border-radius:.5rem;width:100%;max-height:25rem;overflow-y:auto;display:none;z-index:99;box-shadow:0 2px 4px light-dark(rgba(0,0,0,.1),transparent)}.cxc-simulation__combo>ul.-open{display:block}.cxc-simulation__combo>button{--_caret: 1rem;width:100%;background-color:transparent;border:none;padding:0;cursor:pointer;display:flex;gap:1rem;justify-content:space-between}.cxc-simulation__combo>button:after{content:"";width:var(--_caret);height:var(--_caret);background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:var(--_caret);mask-size:var(--_caret);display:inline-block;transition:rotate .2s ease;pointer-events:none}.cxc-simulation__combo>button[aria-expanded=true]:after{rotate:180deg}.cxc-simulation__combo>button:focus-visible{outline:none}.cxc-simulation__combo{position:relative;padding:0 var(--_padding-h)}.cxc-simulation__select>span{display:inline-block;text-transform:uppercase;font-size:.625rem;pointer-events:none;padding:0 var(--_padding-h)}.cxc-simulation__select{--_padding-h: .75rem;display:flex;flex-direction:column;gap:.5rem;border-radius:4px;padding:.375rem 0;background-color:light-dark(#eee,#575757)}.cxc-simulation__select:has(.cxc-simulation__combo>button:focus-visible){outline:1px solid}.cxc-simulation__inner{display:flex;gap:1rem}.cxc-simulation__wrap{display:flex;gap:1rem;align-items:center;justify-content:space-between;position:relative;flex-wrap:wrap}.cxc-simulation__outer{display:flex;flex-direction:column;gap:1.25rem;flex:1 1 auto}[data-simulation][data-simulation=protanopia]{filter:sepia(100%) hue-rotate(160deg) saturate(.4);filter:url(#protanopia)}[data-simulation][data-simulation=protanomaly]{filter:sepia(100%) hue-rotate(160deg) saturate(.6);filter:url(#protanomaly)}[data-simulation][data-simulation=deutranopia]{filter:sepia(100%) hue-rotate(140deg) saturate(.4);filter:url(#deutranopia)}[data-simulation][data-simulation=deuteranomaly]{filter:sepia(100%) hue-rotate(150deg) saturate(.6);filter:url(#deuteranomaly)}[data-simulation][data-simulation=tritanopia]{filter:sepia(100%) hue-rotate(200deg) saturate(.3);filter:url(#tritanopia)}[data-simulation][data-simulation=tritanomaly]{filter:sepia(100%) hue-rotate(200deg) saturate(.5);filter:url(#tritanomaly)}[data-simulation][data-simulation=achromatopsia]{filter:grayscale(100%);filter:url(#achromatopsia)}[data-simulation][data-simulation=achromatomaly]{filter:grayscale(70%);filter:url(#achromatomaly)}.cxc-main__preview-body{padding-top:var(--_padding, 1rem)}.cxc-main__preview-head>h2{padding-top:.75rem;font-size:1.25rem;font-weight:550;flex:0 0 auto}.cxc-main__preview-head{display:flex;flex-wrap:wrap;gap:3rem}@media(max-width:600px){.cxc-main__preview-head{gap:1rem}}.cxc-main__preview{border:1px solid var(--app-color-border-secondary);padding:var(--_padding);border-radius:var(--_border-radius);background-color:var(--color-contrast)}.cxc-main__content{--_padding: 1.5rem;--_border-radius: 1.25rem;--_child-border-radius: calc(var(--_border-radius) - var(--_padding-h));display:grid;grid-template-columns:1fr 1fr;gap:2rem 1rem}@media(max-width:1000px){.cxc-main__content{grid-template-columns:1fr}.cxc-main__content .cxc-main__setup{grid-row:1}}.cxc-main__wrap{display:flex;flex-direction:column;gap:2rem}.cxc-faq__details>button{cursor:pointer;display:block;width:100%;border:none;padding:0;background-color:transparent;padding:1rem 0;text-align:left;display:grid;grid-template-columns:1fr auto;gap:1rem;font-size:1.125rem}.cxc-faq__details>button:after{content:"";height:1rem;width:1rem;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;display:block;transition:rotate .2s ease}.cxc-faq__details>button[aria-expanded=true]:after{rotate:180deg}.cxc-faq__details>div{width:100%;display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.cxc-faq__details>div>div{overflow:hidden}.cxc-faq__details>div>div>p{padding-top:0;max-width:none}.cxc-faq__details{display:block;width:min(100%,950px)}.cxc-faq__details:not(:last-child){border-bottom:1px solid var(--app-color-border-secondary)}.cxc-faq__details[data-open=true]>div{grid-template-rows:1fr}.cxc-faq__details[data-open=true]{padding-bottom:1rem}.cxc-faq__container{margin-top:3rem;display:grid;place-items:center}.cop-app__refcont{margin:2rem 0 3rem;display:flex;justify-content:center;font-size:1rem}.cop-app__title>span{position:relative;font-size:1.125em}.cop-app__title>span:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='395' height='92' viewBox='0 0 395 92' fill='%23135170'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M234.036 69.681C234.202 63.6709 234.035 57.671 233.536 51.681C232.819 52.221 232.319 52.8909 232.036 53.681C222.278 61.271 212.945 69.431 204.036 78.181C190.676 88.901 178.176 88.071 166.536 75.681C164.691 73.311 163.525 70.6509 163.036 67.681C163.202 62.6709 163.035 57.671 162.536 52.681C161.819 53.221 161.319 53.8909 161.036 54.681C151.576 62.3009 142.242 70.1409 133.036 78.181C127.114 82.311 120.78 85.641 114.036 88.181C96.5407 90.341 86.0407 82.841 82.5357 65.681C82.2027 58.681 81.8687 51.681 81.5357 44.681C61.9227 55.2309 43.4227 67.401 26.0357 81.181C15.8547 84.121 7.68866 81.2909 1.53568 72.681C-1.67932 63.631 0.153687 55.791 7.03568 49.181C30.1667 28.4009 56.1667 12.0709 85.0357 0.180946C101.047 -1.22906 111.881 5.60094 117.536 20.6809C118.872 26.0909 120.206 31.421 121.536 36.681C134.294 24.2509 148.46 13.7509 164.036 5.18095C184.2 -1.06905 196.533 6.09094 201.036 26.6809C202.088 26.8309 203.088 26.6609 204.036 26.1809C213.906 15.9709 225.573 8.64095 239.036 4.18095C253.197 3.32095 263.03 9.49094 268.536 22.6809C269.86 26.9809 271.027 31.311 272.036 35.681C275.159 32.061 278.492 28.5609 282.036 25.1809C287.079 20.4709 292.413 16.1309 298.036 12.1809C308.971 5.42094 319.971 5.08095 331.036 11.1809C338.972 19.3009 342.805 29.1409 342.536 40.681C350.952 32.271 358.619 23.271 365.536 13.6809C373.987 4.89095 382.653 4.56094 391.536 12.6809C394.569 17.2909 395.569 22.2909 394.536 27.6809C382.905 47.7509 368.739 65.9109 352.036 82.181C344.525 88.6109 335.858 91.611 326.036 91.181C309.991 85.961 302.824 74.801 304.536 57.681C294.253 70.3009 282.42 81.1309 269.036 90.181C250.502 95.241 238.835 88.4109 234.036 69.681Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M163.035 67.6806C162.368 63.3506 161.702 59.0106 161.035 54.6806C161.318 53.8906 161.818 53.2206 162.535 52.6806C163.034 57.6706 163.201 62.6706 163.035 67.6806Z' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M234.035 69.6806C233.368 64.3506 232.702 59.0106 232.035 53.6806C232.318 52.8906 232.818 52.2206 233.535 51.6806C234.034 57.6706 234.201 63.6706 234.035 69.6806Z' /%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:100%;mask-size:100%;z-index:-1;display:inline-block;translate:0 .625rem;background-color:color-mix(in srgb,var(--app-color-background-primary) 85%,light-dark(rgba(19,81,68,.6666666667),#fff) 15%)}.cop-app__title{text-align:center;margin-bottom:2rem;font-size:2rem}.cop-app__wrap{padding-top:var(--app-wrap-padding-v);place-items:center}.cop-result__group>button{--_icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E");height:1rem;width:1rem;border:none;background-color:currentColor;mask:var(--_icon) no-repeat center;-webkit-mask-size:contain;mask-size:contain;padding:0;transition:transform .2s ease,filter .2s ease}.cop-result__group>button:hover,.cop-result__group>button:focus-visible{transform:scale(.9);background-color:var(--anchor-color-text-primary-active)}.cop-result__group>button:active{transform:scale(.95);filter:drop-shadow(0 0 2px rgba(0,0,0,.5));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2' fill='currentColor'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2' fill='currentColor'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E")}.cop-result__group>p{margin:0 auto}.cop-result__group{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;border:1px solid;padding:.5rem .75rem;border-radius:.75rem}.cop-slider__label span{display:inline-block;flex:0 0 auto}.cop-slider__label input{--_pos: 0;--_bg: red;--_shadow: none;--_thumb-bg: linear-gradient(120deg, #444 30%, #111 100%);--_thumb-shadow: 0 0 0 2px white, 0 0 2px 3px #444;--_thumb-size: .875rem;--_track-size: .5rem;--_track-size-active: .625rem;flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;position:relative;block-size:var(--_track-size);border-radius:.3125rem;background:var(--_bg);box-shadow:var(--_shadow)}.cop-slider__label input::-webkit-slider-thumb{--_thumb-bg: linear-gradient(120deg, light-dark(#444, #444) 30%, light-dark(#111, #111) 100%);--_thumb-shadow: 0 0 0 2px light-dark(#fff, #fff), 0 0 2px 3px light-dark(#444, #444);-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:var(--_thumb-size);height:var(--_thumb-size);border-radius:50%;background:var(--_thumb-bg);box-shadow:var(--_thumb-shadow)}.cop-slider__label input::-moz-range-thumb{--_thumb-bg: linear-gradient(120deg, light-dark(#444, #444) 30%, light-dark(#111, #111) 100%);--_thumb-shadow: 0 0 0 2px light-dark(#fff, #fff), 0 0 2px 3px light-dark(#444, #444);-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:var(--_thumb-size);height:var(--_thumb-size);border-radius:50%;background:var(--_thumb-bg);box-shadow:var(--_thumb-shadow)}.cop-slider__label input:focus{block-size:var(--_track-size-active)}.cop-slider__label input.-hue{--_bg: linear-gradient( to right, hsl(0, 80%, 70%) 0%, hsl(30, 80%, 70%) 8.3%, hsl(60, 80%, 70%) 16.6%, hsl(90, 80%, 70%) 25%, hsl(120, 80%, 70%) 33.3%, hsl(150, 80%, 70%) 41.6%, hsl(180, 80%, 70%) 50%, hsl(210, 80%, 70%) 58.3%, hsl(240, 80%, 70%) 66.6%, hsl(270, 80%, 70%) 75%, hsl(300, 80%, 70%) 83.3%, hsl(330, 80%, 70%) 91.6%, hsl(360, 80%, 70%) 100% )}.cop-slider__label input.-hue:focus{--_bg: linear-gradient( to right, hsl(0, 100%, 50%) 0%, hsl(30, 100%, 50%) 8.3%, hsl(60, 100%, 50%) 16.6%, hsl(90, 100%, 50%) 25%, hsl(120, 100%, 50%) 33.3%, hsl(150, 100%, 50%) 41.6%, hsl(180, 100%, 50%) 50%, hsl(210, 100%, 50%) 58.3%, hsl(240, 100%, 50%) 66.6%, hsl(270, 100%, 50%) 75%, hsl(300, 100%, 50%) 83.3%, hsl(330, 100%, 50%) 91.6%, hsl(360, 100%, 50%) 100% )}.cop-slider__label input.-hue:focus{--_thumb-bg: linear-gradient(120deg, hsl(calc(var(--_pos) * 360), 90%, 50% ) 30%, hsl( calc(var(--_pos) * 360), 100%, 40% ) 100%);--_thumb-shadow: 0 0 0 3px white, 0 0 2px 4px hsl(calc(var(--_pos) * 360), 100%, 50%)}.cop-slider__label input.-saturation{--_bg: linear-gradient(to right, hsla( var(--_hue), 0%, var(--_lightness), var(--_alpha)) 0%, hsla( var(--_hue), 100%, var(--_lightness), var(--_alpha)) 100%)}.cop-slider__label input.-lightness{--_bg: linear-gradient(to right, hsla( var(--_hue), var(--_saturation), 0%, var(--_alpha) ) 0%, hsla( var(--_hue), var(--_saturation), 50%, var(--_alpha) ) 50%, hsla(var(--_hue), var(--_saturation), 100%, var(--_alpha)) 100%)}.cop-slider__label input.-alpha{--_bg: linear-gradient(to right, hsla(var(--_hue), var(--_saturation), var(--_lightness), 0) 0%, hsla(var(--_hue), var(--_saturation), var(--_lightness), 1) 100%)}.cop-slider__label input.-red{--_bg: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(255, 0, 0) 100%)}.cop-slider__label input.-green{--_bg: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 255, 0) 100%)}.cop-slider__label input.-blue{--_bg: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 255) 100%)}.cop-slider__label input.-white{--_bg: linear-gradient(to right, black 0%, white 100%)}.cop-slider__label input.-black{--_bg: linear-gradient(to right, white 0%, black 100%)}.cop-slider__label input.-mono{--_bg: linear-gradient(to bottom, #444 0%, #111 100%);--_shadow: none}.cop-slider__label{display:flex;align-items:center;gap:1rem;width:100%}.cop-main__inputgroup{display:grid;gap:1rem}.cop-main__result{--_bg: red;border-radius:1rem;background-color:var(--_bg);aspect-ratio:1/1}.cop-main__resultgroup{display:flex;flex-direction:column;gap:1rem;width:min(var(--_result-width),100%)}.cop-main__right{display:flex;flex-direction:column;gap:2rem;width:100%;padding:0 var(--_right-column-padding)}.cop-main__wrap{--_right-column-padding: 0;--_result-width: 9.5rem;display:grid;gap:2rem;grid-template-columns:var(--_result-width) 1fr;width:min(100%,900px)}@media(max-width:600px){.cop-main__wrap{--_right-column-padding: 2rem;grid-template-columns:1fr;place-items:center}}@media(max-width:400px){.cop-main__wrap{--_right-column-padding: 1.5rem}}