:root{--accent-color:49.3193717277deg 100% 62.5490196078%}*{box-sizing:border-box;accent-color:hsl(var(--accent-color))}#scene,body,html{width:100vw;height:100vh;padding:0;margin:0;font-family:Helvetica,sans-serif}#scene{display:grid;grid-template-columns:auto;grid-template-row:auto;grid-template-columns:repeat(10,1fr);grid-gap:8px}#scene>span{width:100%!important;height:100%!important;white-space:wrap;display:flex;word-wrap:wrap-all;overflow:hidden;padding:4px}#scene>span:only-child{grid-column-end:12;grid-column-start:1}#scene:has(span:first-child~span:nth-child(3)){background:#000!important}#scene span:after{content:"ID:" attr(data-i) "\aSCORE:"attr(data-score) "\ahex:"attr(data-hex) "\argb:"attr(data-rgb) "\argba:"attr(data-rgba) "\ahsl:"attr(data-hsl) "\ahsla:"attr(data-hsla) "\alab:"attr(data-lab) "\a display-p3:"attr(data-display-p3);text-align:left;display:flex;align-items:center;justify-content:center;white-space:pre;font-size:12px;display:none!important}header{position:absolute;top:50%;left:50%;margin:auto;z-index:10;background:hsla(var(--accent-color)/.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:32px 1em 1em;width:auto;transform:translate(-50%,-50%);border-radius:16px;box-shadow:0 2px 1px rgba(0,0,0,.04),0 4px 2px rgba(0,0,0,.04),0 8px 4px rgba(0,0,0,.04),0 16px 8px rgba(0,0,0,.04),0 32px 16px rgba(0,0,0,.04);cursor:-webkit-grab;cursor:grab}header>div{display:flex}header label{position:relative;display:block;width:100%;font-size:.85em}header label span{position:absolute;top:-25px;width:100%;display:block;padding:.25em}header:active{cursor:-webkit-grabbing;cursor:grabbing}header button,header input:not([type=radio]),header select{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.55em;margin:0;border-top-left-radius:8px;border-bottom-left-radius:8px;width:300px;height:100%;outline-color:var(--accent-color);flex-grow:1}header select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;border-radius:0;border-left:1px solid rgba(0,0,0,.15);cursor:pointer}header select:after{content:"\2B0D"}header textarea:empty{display:none}header canvas,header img{width:100%;max-width:180px;max-height:200px;aspect-ratio:16/9;object-fit:contain;flex-shrink:1}header textarea{width:100%;flex-grow:1;margin-top:16px;min-height:150px}header input[type=text]{direction:rtl;text-overflow:ellipsis}header input[type=number]{width:70px;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-left:1px solid rgba(0,0,0,.15)}header button{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:8px;border-bottom-right-radius:8px;padding:1em;text-transform:uppercase;font-weight:700;width:auto;cursor:pointer}header button:active,header button:hover{background:hsl(var(--accent-color))}label input:active~span,label input:hover~span{background:hsl(var(--accent-color));color:#000}.page_main__ibFHK{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh}.page_description__s_Lqk{display:inherit;justify-content:inherit;align-items:inherit;font-size:.85rem;max-width:var(--max-width);width:100%;z-index:2;font-family:var(--font-mono)}.page_description__s_Lqk a{display:flex;align-items:center;justify-content:center;gap:.5rem}.page_description__s_Lqk p{position:relative;margin:0;padding:1rem;background-color:rgba(var(--callout-rgb),.5);border:1px solid rgba(var(--callout-border-rgb),.3);border-radius:var(--border-radius)}.page_code__Cdcue{font-weight:700;font-family:var(--font-mono)}.page_grid__2WZXq{display:grid;grid-template-columns:repeat(3,minmax(33%,auto));width:var(--max-width);max-width:100%}.page_card__ftWzl{padding:1rem 1.2rem;border-radius:var(--border-radius);background:rgba(var(--card-rgb),0);border:1px solid rgba(var(--card-border-rgb),0);transition:background .2s,border .2s}.page_card__ftWzl span{display:inline-block;transition:transform .2s}.page_card__ftWzl h2{font-weight:600;margin-bottom:.7rem}.page_card__ftWzl p{margin:0;opacity:.6;font-size:.9rem;line-height:1.5;max-width:34ch}.page_center__GvJ9Y{display:flex;justify-content:center;align-items:center;position:relative;padding:4rem 0}.page_center__GvJ9Y:before{background:var(--secondary-glow);border-radius:50%;width:480px;height:360px;margin-left:-400px}.page_center__GvJ9Y:after{background:var(--primary-glow);width:240px;height:180px;z-index:-1}.page_center__GvJ9Y:after,.page_center__GvJ9Y:before{content:"";left:50%;position:absolute;filter:blur(45px);transform:translateZ(0)}.page_logo__M5piD,.page_thirteen__DLEbK{position:relative}.page_thirteen__DLEbK{display:flex;justify-content:center;align-items:center;width:75px;height:75px;padding:25px 10px;margin-left:16px;transform:translateZ(0);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px -1px #0000001a}.page_thirteen__DLEbK:after,.page_thirteen__DLEbK:before{content:"";position:absolute;z-index:-1}.page_thirteen__DLEbK:before{animation:page_rotate__P15uU 6s linear infinite;width:200%;height:200%;background:var(--tile-border)}.page_thirteen__DLEbK:after{inset:0;padding:1px;border-radius:var(--border-radius);background:linear-gradient(to bottom right,rgba(var(--tile-start-rgb),1),rgba(var(--tile-end-rgb),1));background-clip:content-box}@media (hover:hover) and (pointer:fine){.page_card__ftWzl:hover{background:rgba(var(--card-rgb),.1);border:1px solid rgba(var(--card-border-rgb),.15)}.page_card__ftWzl:hover span{transform:translateX(4px)}}@media (prefers-reduced-motion){.page_thirteen__DLEbK:before{animation:none}.page_card__ftWzl:hover span{transform:none}}@media (max-width:1023px){.page_content__rFejU{padding:4rem}.page_grid__2WZXq{grid-template-columns:1fr;margin-bottom:120px;max-width:320px;text-align:center}.page_card__ftWzl{padding:1rem 2.5rem}.page_card__ftWzl h2{margin-bottom:.5rem}.page_center__GvJ9Y{padding:8rem 0 6rem}.page_center__GvJ9Y:before{transform:none;height:300px}.page_description__s_Lqk{font-size:.8rem}.page_description__s_Lqk a{padding:1rem}.page_description__s_Lqk div,.page_description__s_Lqk p{display:flex;justify-content:center;position:fixed;width:100%}.page_description__s_Lqk p{align-items:center;inset:0 0 auto;padding:2rem 1rem 1.4rem;border-radius:0;border:none;border-bottom:1px solid rgba(var(--callout-border-rgb),.25);background:linear-gradient(to bottom,rgba(var(--background-start-rgb),1),rgba(var(--callout-rgb),.5));background-clip:padding-box;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.page_description__s_Lqk div{align-items:flex-end;pointer-events:none;inset:auto 0 0;padding:2rem;height:200px;background:linear-gradient(to bottom,transparent 0,rgb(var(--background-end-rgb)) 40%);z-index:1}}@media (prefers-color-scheme:dark){.page_vercelLogo__1QD2W{filter:invert(1)}.page_logo__M5piD,.page_thirteen__DLEbK img{filter:invert(1) drop-shadow(0 0 .3rem #ffffff70)}}@keyframes page_rotate__P15uU{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}