:root{--spacing-s: .25rem;--spacing-m: .5rem;--spacing-l: 1rem;--spacing-xl: 2rem;--hue-primary: 120;--color-main-bg: light-dark(hsl(var(--hue-primary) 20 90), hsl(var(--hue-primary) 20 10));--color-sub-bg: light-dark(hsl(var(--hue-primary) 40 90), hsl(var(--hue-primary) 40 10));--color-sub-bg-hover: light-dark(hsl(var(--hue-primary) 40 85), hsl(var(--hue-primary) 40 15));--color-cell-bg: light-dark(hsl(0 0 90), hsl(0 0 10));--color-cell-bg-hover: light-dark(hsl(0 0 85), hsl(0 0 20));--color-cell-bg-active: light-dark(hsl(0 0 80), hsl(0 0 5));--color-border: light-dark(hsl(0 0 40), hsl(0 0 80));--color-text: light-dark(hsl(0 0 5), hsl(0 0 95));--color-text-error: light-dark(hsl(0 80 40), hsl(0 80 70));--color-shadow: hsl(0 0 0 / .5);--color-button-bg: light-dark(hsl(var(--hue-primary) 60 80), hsl(var(--hue-primary) 60 20));--color-button-bg-hover: light-dark(hsl(var(--hue-primary) 60 70), hsl(var(--hue-primary) 60 25));--color-button-bg-active: light-dark(hsl(var(--hue-primary) 60 60), hsl(var(--hue-primary) 60 15));--color-button-bg-disabled: transparent;--color-button-border: var(--color-border);--color-button-text: var(--color-text);--color-button-text-disabled: light-dark(hsl(0 0 50), hsl(0 0 75));--hue-1: 0;--hue-2: 22;--hue-3: 45;--hue-4: 67;--hue-5: 90;--hue-6: 112;--hue-7: 135;--hue-8: 157;--hue-9: 180;--hue-10: 202;--hue-11: 225;--hue-12: 247;--hue-13: 270;--hue-14: 292;--hue-15: 315;--hue-16: 337;--lightness-light: 80%;--lightness-dark-regular: 25%;--lightness-dark-darker: 20%;--lightness-dark-brighter: 30%}body{background-color:var(--color-main-bg);color:var(--color-text);padding:0;margin:0}h1,h2{margin:0}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.wrap{flex-wrap:wrap}.gap-s{gap:var(--spacing-s)}.gap-m{gap:var(--spacing-m)}.gap-l{gap:var(--spacing-l)}.gap-xl{gap:var(--spacing-xl)}.main-container{display:flex;height:100vh}.main-menu{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-l);margin:0 auto}.main-menu-panel{display:flex;flex-direction:column;gap:var(--spacing-m);background-color:var(--color-sub-bg);padding:var(--spacing-l);border:1px solid var(--color-border)}.main-menu h1{align-self:center;font-size:2em;text-transform:uppercase}.main-menu-panel h2{align-self:center;padding:0 var(--spacing-l) var(--spacing-s);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-m)}.option-hint{top:calc(anchor(bottom) + var(--spacing-s));right:anchor(right);justify-self:anchor-center;align-self:anchor-center;background-color:var(--color-button-bg);border:1px solid var(--color-border);box-shadow:0 0 16px 4px var(--color-shadow);max-width:350px;margin-left:var(--spacing-l);white-space:pre-wrap}.option-hint-button{font:inherit;color:var(--color-button-text);background-color:var(--color-button-bg);border:1px solid var(--color-border);width:1.25em;height:1.25em}.option-statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;border:1px solid var(--color-border);background-color:var(--color-sub-bg-hover);padding:var(--spacing-m);gap:var(--spacing-m);margin-top:var(--spacing-m)}.option-statistics-grid{display:grid;grid-template-columns:max-content auto;gap:var(--spacing-s)}.option-statistics-grid h3{font-size:1.25em;font-weight:700;margin:0;grid-column:1 / span 2}.info-panel{background-color:var(--color-sub-bg);padding:var(--spacing-l);gap:var(--spacing-m);overflow-y:auto;border-color:var(--color-border);border-style:solid;border-width:0;box-shadow:0 0 4px 0 var(--color-shadow);z-index:50}@media(max-width:999px){.main-container{flex-direction:column}.info-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));min-height:35vh;max-height:35vh;border-top-width:1px}}@media(min-width:1000px){.main-container{flex-direction:row}.info-panel{display:flex;flex-direction:column;min-width:350px;max-width:350px;border-left-width:1px}}.info-panel-details{display:flex;flex-direction:column}.info-panel-details[open]{gap:var(--spacing-m);margin-bottom:var(--spacing-m)}.info-panel-details[open]:last-child{margin-bottom:0}.info-panel-details summary{font-weight:700;font-size:1.25em;list-style:none;-webkit-user-select:none;user-select:none;border-bottom:2px solid var(--color-border);padding:var(--spacing-s) var(--spacing-m);display:flex;justify-content:space-between;align-items:center}.info-panel-details summary::-webkit-details-marker{display:none}.info-panel-details summary:hover{background-color:var(--color-sub-bg-hover);cursor:pointer}.info-panel-details summary:after{content:" ";display:inline-block;width:.5em;height:.5em;border-right:2px solid var(--color-text);border-bottom:2px solid var(--color-text);transform:rotate(135deg);transition:transform .2s ease}.info-panel-details[open] summary:after{transform:rotate(45deg) translate(-25%)}.info-panel .cell{width:1.5em;height:1.5em;border:1px solid var(--color-button-border)}.info-panel .cell.error{box-shadow:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsl(0 0 0 / .5);display:flex;justify-content:center;align-items:center;z-index:100}.button{font:inherit;color:var(--color-button-text);background-color:var(--color-button-bg);border:1px solid var(--color-border);padding:var(--spacing-s) var(--spacing-m)}.zoom-controls{display:flex;gap:var(--spacing-m);flex-direction:column;position:absolute;top:var(--spacing-m);right:var(--spacing-m);z-index:50}.zoom-button{font:inherit;font-family:Arial,sans-serif;font-size:1.5rem;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;color:inherit;background-color:var(--color-button-bg);border:1px solid var(--color-border);box-shadow:1px 1px 4px 2px var(--color-shadow)}.trap-timer-panel{display:flex;flex-direction:column;gap:var(--spacing-m);position:absolute;bottom:var(--spacing-m);right:var(--spacing-m);z-index:50;font-size:.5em;background-color:var(--color-sub-bg);border:1px solid var(--color-border);padding:var(--spacing-m);box-shadow:1px 1px 4px 2px var(--color-shadow);pointer-events:none}.trap-timer-track{width:100%;min-width:180px;height:12px;background-color:var(--color-cell-bg);border:1px solid var(--color-border);position:relative;border-radius:6px;overflow:hidden}.trap-timer-fill{height:100%;background-color:light-dark(hsl(var(--hue-primary),60%,50%),hsl(var(--hue-primary),60%,30%));transition:width .1s linear}.button:hover:not(:disabled),.option-hint-button:hover:not(:disabled),.zoom-button:hover:not(:disabled){background-color:var(--color-button-bg-hover);cursor:pointer}.button:active:not(:disabled),.option-hint-button:active:not(:disabled),.zoom-button:active:not(:disabled){background-color:var(--color-button-bg-active)}.button:disabled{color:var(--color-button-text-disabled);background-color:var(--color-button-bg-disabled)}.input{font:inherit;color:var(--color-text);background-color:var(--color-cell-bg);border:1px solid var(--color-border);padding:var(--spacing-s) var(--spacing-m)}.grid{display:grid;gap:1px;font-size:2em;overflow:hidden;flex-grow:1;position:relative}.grid:focus-visible{outline:none}archipeladoku-board{outline:none}.cell{display:flex;justify-content:center;align-items:center;background-color:var(--color-cell-bg);color:inherit;font-size:inherit;font-family:inherit;text-shadow:0px 0px 3px var(--color-cell-bg);padding:0;border:none;position:relative;cursor:pointer;content-visibility:auto;contain-intrinsic-size:48px 48px}.cell:hover{background-color:var(--color-cell-bg-hover)}.cell:active{background-color:var(--color-cell-bg-active)}.cell.error,.cell .error{color:var(--color-text-error);text-decoration:underline;box-shadow:inset 0 0 3px 1px var(--color-text-error)}.center{display:flex;justify-content:center;align-items:center}.block-4{--val-1-hue: var(--hue-1);--val-2-hue: var(--hue-4);--val-3-hue: var(--hue-6);--val-4-hue: var(--hue-11);--val-1-lightness-light: var(--lightness-light);--val-2-lightness-light: var(--lightness-light);--val-3-lightness-light: var(--lightness-light);--val-4-lightness-light: var(--lightness-light);--val-1-lightness-dark: var(--lightness-dark-regular);--val-2-lightness-dark: var(--lightness-dark-darker);--val-3-lightness-dark: var(--lightness-dark-regular);--val-4-lightness-dark: var(--lightness-dark-brighter)}.block-6{--val-1-hue: var(--hue-1);--val-2-hue: var(--hue-3);--val-3-hue: var(--hue-6);--val-4-hue: var(--hue-9);--val-5-hue: var(--hue-12);--val-6-hue: var(--hue-15);--val-1-lightness-light: var(--lightness-light);--val-2-lightness-light: var(--lightness-light);--val-3-lightness-light: var(--lightness-light);--val-4-lightness-light: var(--lightness-light);--val-5-lightness-light: var(--lightness-light);--val-6-lightness-light: var(--lightness-light);--val-1-lightness-dark: var(--lightness-dark-regular);--val-2-lightness-dark: var(--lightness-dark-darker);--val-3-lightness-dark: var(--lightness-dark-darker);--val-4-lightness-dark: var(--lightness-dark-regular);--val-5-lightness-dark: var(--lightness-dark-brighter);--val-6-lightness-dark: var(--lightness-dark-regular)}.block-8{--val-1-hue: var(--hue-1);--val-2-hue: var(--hue-2);--val-3-hue: var(--hue-4);--val-4-hue: var(--hue-6);--val-5-hue: var(--hue-9);--val-6-hue: var(--hue-11);--val-7-hue: var(--hue-13);--val-8-hue: var(--hue-15);--val-1-lightness-light: var(--lightness-light);--val-2-lightness-light: var(--lightness-light);--val-3-lightness-light: var(--lightness-light);--val-4-lightness-light: var(--lightness-light);--val-5-lightness-light: var(--lightness-light);--val-6-lightness-light: var(--lightness-light);--val-7-lightness-light: var(--lightness-light);--val-8-lightness-light: var(--lightness-light);--val-1-lightness-dark: var(--lightness-dark-regular);--val-2-lightness-dark: var(--lightness-dark-regular);--val-3-lightness-dark: var(--lightness-dark-darker);--val-4-lightness-dark: var(--lightness-dark-darker);--val-5-lightness-dark: var(--lightness-dark-darker);--val-6-lightness-dark: var(--lightness-dark-brighter);--val-7-lightness-dark: var(--lightness-dark-brighter);--val-8-lightness-dark: var(--lightness-dark-regular)}.block-9{--val-1-hue: var(--hue-1);--val-2-hue: var(--hue-2);--val-3-hue: var(--hue-4);--val-4-hue: var(--hue-5);--val-5-hue: var(--hue-8);--val-6-hue: var(--hue-10);--val-7-hue: var(--hue-11);--val-8-hue: var(--hue-13);--val-9-hue: var(--hue-15);--val-1-lightness-light: var(--lightness-light);--val-2-lightness-light: var(--lightness-light);--val-3-lightness-light: var(--lightness-light);--val-4-lightness-light: var(--lightness-light);--val-5-lightness-light: var(--lightness-light);--val-6-lightness-light: var(--lightness-light);--val-7-lightness-light: var(--lightness-light);--val-8-lightness-light: var(--lightness-light);--val-9-lightness-light: var(--lightness-light);--val-1-lightness-dark: var(--lightness-dark-regular);--val-2-lightness-dark: var(--lightness-dark-regular);--val-3-lightness-dark: var(--lightness-dark-darker);--val-4-lightness-dark: var(--lightness-dark-regular);--val-5-lightness-dark: var(--lightness-dark-regular);--val-6-lightness-dark: var(--lightness-dark-regular);--val-7-lightness-dark: var(--lightness-dark-brighter);--val-8-lightness-dark: var(--lightness-dark-brighter);--val-9-lightness-dark: var(--lightness-dark-regular)}.block-12{--val-1-hue: var(--hue-1);--val-2-hue: var(--hue-2);--val-3-hue: var(--hue-4);--val-4-hue: var(--hue-5);--val-5-hue: var(--hue-7);--val-6-hue: var(--hue-9);--val-7-hue: var(--hue-10);--val-8-hue: var(--hue-11);--val-9-hue: var(--hue-12);--val-10-hue: var(--hue-13);--val-11-hue: var(--hue-14);--val-12-hue: var(--hue-16);--val-1-lightness-light: var(--lightness-light);--val-2-lightness-light: var(--lightness-light);--val-3-lightness-light: var(--lightness-light);--val-4-lightness-light: var(--lightness-light);--val-5-lightness-light: var(--lightness-light);--val-6-lightness-light: var(--lightness-light);--val-7-lightness-light: var(--lightness-light);--val-8-lightness-light: var(--lightness-light);--val-9-lightness-light: var(--lightness-light);--val-10-lightness-light: var(--lightness-light);--val-11-lightness-light: var(--lightness-light);--val-12-lightness-light: var(--lightness-light);--val-1-lightness-dark: var(--lightness-dark-regular);--val-2-lightness-dark: var(--lightness-dark-regular);--val-3-lightness-dark: var(--lightness-dark-darker);--val-4-lightness-dark: var(--lightness-dark-darker);--val-5-lightness-dark: var(--lightness-dark-darker);--val-6-lightness-dark: var(--lightness-dark-regular);--val-7-lightness-dark: var(--lightness-dark-regular);--val-8-lightness-dark: var(--lightness-dark-brighter);--val-9-lightness-dark: var(--lightness-dark-brighter);--val-10-lightness-dark: var(--lightness-dark-regular);--val-11-lightness-dark: var(--lightness-dark-regular);--val-12-lightness-dark: var(--lightness-dark-regular)}.block-16{--val-1-hue: var(--hue-1);--val-2-hue: var(--hue-2);--val-3-hue: var(--hue-3);--val-4-hue: var(--hue-4);--val-5-hue: var(--hue-5);--val-6-hue: var(--hue-6);--val-7-hue: var(--hue-7);--val-8-hue: var(--hue-8);--val-9-hue: var(--hue-9);--val-10-hue: var(--hue-10);--val-11-hue: var(--hue-11);--val-12-hue: var(--hue-12);--val-13-hue: var(--hue-13);--val-14-hue: var(--hue-14);--val-15-hue: var(--hue-15);--val-16-hue: var(--hue-16);--val-1-lightness-light: var(--lightness-light);--val-2-lightness-light: var(--lightness-light);--val-3-lightness-light: var(--lightness-light);--val-4-lightness-light: var(--lightness-light);--val-5-lightness-light: var(--lightness-light);--val-6-lightness-light: var(--lightness-light);--val-7-lightness-light: var(--lightness-light);--val-8-lightness-light: var(--lightness-light);--val-9-lightness-light: var(--lightness-light);--val-10-lightness-light: var(--lightness-light);--val-11-lightness-light: var(--lightness-light);--val-12-lightness-light: var(--lightness-light);--val-13-lightness-light: var(--lightness-light);--val-14-lightness-light: var(--lightness-light);--val-15-lightness-light: var(--lightness-light);--val-16-lightness-light: var(--lightness-light);--val-1-lightness-dark: var(--lightness-dark-regular);--val-2-lightness-dark: var(--lightness-dark-regular);--val-3-lightness-dark: var(--lightness-dark-darker);--val-4-lightness-dark: var(--lightness-dark-darker);--val-5-lightness-dark: var(--lightness-dark-darker);--val-6-lightness-dark: var(--lightness-dark-darker);--val-7-lightness-dark: var(--lightness-dark-darker);--val-8-lightness-dark: var(--lightness-dark-darker);--val-9-lightness-dark: var(--lightness-dark-regular);--val-10-lightness-dark: var(--lightness-dark-brighter);--val-11-lightness-dark: var(--lightness-dark-brighter);--val-12-lightness-dark: var(--lightness-dark-brighter);--val-13-lightness-dark: var(--lightness-dark-brighter);--val-14-lightness-dark: var(--lightness-dark-regular);--val-15-lightness-dark: var(--lightness-dark-regular);--val-16-lightness-dark: var(--lightness-dark-regular)}.val-1{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-1-hue) 60 calc(var(--val-1-lightness-light) + 5%)),hsl(var(--val-1-hue) 60 calc(var(--val-1-lightness-dark) + 10%))),light-dark(hsl(var(--val-1-hue) 60 calc(var(--val-1-lightness-light) - 5%)),hsl(var(--val-1-hue) 60 calc(var(--val-1-lightness-dark) + 0%))))}.val-2{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-2-hue) 60 calc(var(--val-2-lightness-light) + 5%)),hsl(var(--val-2-hue) 60 calc(var(--val-2-lightness-dark) + 10%))),light-dark(hsl(var(--val-2-hue) 60 calc(var(--val-2-lightness-light) - 5%)),hsl(var(--val-2-hue) 60 calc(var(--val-2-lightness-dark) + 0%))))}.val-3{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-3-hue) 60 calc(var(--val-3-lightness-light) + 5%)),hsl(var(--val-3-hue) 60 calc(var(--val-3-lightness-dark) + 10%))),light-dark(hsl(var(--val-3-hue) 60 calc(var(--val-3-lightness-light) - 5%)),hsl(var(--val-3-hue) 60 calc(var(--val-3-lightness-dark) + 0%))))}.val-4{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-4-hue) 60 calc(var(--val-4-lightness-light) + 5%)),hsl(var(--val-4-hue) 60 calc(var(--val-4-lightness-dark) + 10%))),light-dark(hsl(var(--val-4-hue) 60 calc(var(--val-4-lightness-light) - 5%)),hsl(var(--val-4-hue) 60 calc(var(--val-4-lightness-dark) + 0%))))}.val-5{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-5-hue) 60 calc(var(--val-5-lightness-light) + 5%)),hsl(var(--val-5-hue) 60 calc(var(--val-5-lightness-dark) + 10%))),light-dark(hsl(var(--val-5-hue) 60 calc(var(--val-5-lightness-light) - 5%)),hsl(var(--val-5-hue) 60 calc(var(--val-5-lightness-dark) + 0%))))}.val-6{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-6-hue) 60 calc(var(--val-6-lightness-light) + 5%)),hsl(var(--val-6-hue) 60 calc(var(--val-6-lightness-dark) + 10%))),light-dark(hsl(var(--val-6-hue) 60 calc(var(--val-6-lightness-light) - 5%)),hsl(var(--val-6-hue) 60 calc(var(--val-6-lightness-dark) + 0%))))}.val-7{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-7-hue) 60 calc(var(--val-7-lightness-light) + 5%)),hsl(var(--val-7-hue) 60 calc(var(--val-7-lightness-dark) + 10%))),light-dark(hsl(var(--val-7-hue) 60 calc(var(--val-7-lightness-light) - 5%)),hsl(var(--val-7-hue) 60 calc(var(--val-7-lightness-dark) + 0%))))}.val-8{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-8-hue) 60 calc(var(--val-8-lightness-light) + 5%)),hsl(var(--val-8-hue) 60 calc(var(--val-8-lightness-dark) + 10%))),light-dark(hsl(var(--val-8-hue) 60 calc(var(--val-8-lightness-light) - 5%)),hsl(var(--val-8-hue) 60 calc(var(--val-8-lightness-dark) + 0%))))}.val-9{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-9-hue) 60 calc(var(--val-9-lightness-light) + 5%)),hsl(var(--val-9-hue) 60 calc(var(--val-9-lightness-dark) + 10%))),light-dark(hsl(var(--val-9-hue) 60 calc(var(--val-9-lightness-light) - 5%)),hsl(var(--val-9-hue) 60 calc(var(--val-9-lightness-dark) + 0%))))}.val-10{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-10-hue) 60 calc(var(--val-10-lightness-light) + 5%)),hsl(var(--val-10-hue) 60 calc(var(--val-10-lightness-dark) + 10%))),light-dark(hsl(var(--val-10-hue) 60 calc(var(--val-10-lightness-light) - 5%)),hsl(var(--val-10-hue) 60 calc(var(--val-10-lightness-dark) + 0%))))}.val-11{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-11-hue) 60 calc(var(--val-11-lightness-light) + 5%)),hsl(var(--val-11-hue) 60 calc(var(--val-11-lightness-dark) + 10%))),light-dark(hsl(var(--val-11-hue) 60 calc(var(--val-11-lightness-light) - 5%)),hsl(var(--val-11-hue) 60 calc(var(--val-11-lightness-dark) + 0%))))}.val-12{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-12-hue) 60 calc(var(--val-12-lightness-light) + 5%)),hsl(var(--val-12-hue) 60 calc(var(--val-12-lightness-dark) + 10%))),light-dark(hsl(var(--val-12-hue) 60 calc(var(--val-12-lightness-light) - 5%)),hsl(var(--val-12-hue) 60 calc(var(--val-12-lightness-dark) + 0%))))}.val-13{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-13-hue) 60 calc(var(--val-13-lightness-light) + 5%)),hsl(var(--val-13-hue) 60 calc(var(--val-13-lightness-dark) + 10%))),light-dark(hsl(var(--val-13-hue) 60 calc(var(--val-13-lightness-light) - 5%)),hsl(var(--val-13-hue) 60 calc(var(--val-13-lightness-dark) + 0%))))}.val-14{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-14-hue) 60 calc(var(--val-14-lightness-light) + 5%)),hsl(var(--val-14-hue) 60 calc(var(--val-14-lightness-dark) + 10%))),light-dark(hsl(var(--val-14-hue) 60 calc(var(--val-14-lightness-light) - 5%)),hsl(var(--val-14-hue) 60 calc(var(--val-14-lightness-dark) + 0%))))}.val-15{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-15-hue) 60 calc(var(--val-15-lightness-light) + 5%)),hsl(var(--val-15-hue) 60 calc(var(--val-15-lightness-dark) + 10%))),light-dark(hsl(var(--val-15-hue) 60 calc(var(--val-15-lightness-light) - 5%)),hsl(var(--val-15-hue) 60 calc(var(--val-15-lightness-dark) + 0%))))}.val-16{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-16-hue) 60 calc(var(--val-16-lightness-light) + 5%)),hsl(var(--val-16-hue) 60 calc(var(--val-16-lightness-dark) + 10%))),light-dark(hsl(var(--val-16-hue) 60 calc(var(--val-16-lightness-light) - 5%)),hsl(var(--val-16-hue) 60 calc(var(--val-16-lightness-dark) + 0%))))}.val-1:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-1-hue) 60 calc(var(--val-1-lightness-light) - 5%)),hsl(var(--val-1-hue) 60 calc(var(--val-1-lightness-dark) + 20%))),light-dark(hsl(var(--val-1-hue) 60 calc(var(--val-1-lightness-light) - 15%)),hsl(var(--val-1-hue) 60 calc(var(--val-1-lightness-dark) + 10%))))}.val-2:hover{background-image:linear-gradient(light-dark(hsl(var(--val-2-hue) 60 calc(var(--val-2-lightness-light) - 5%)),hsl(var(--val-2-hue) 60 calc(var(--val-2-lightness-dark) + 20%))),light-dark(hsl(var(--val-2-hue) 60 calc(var(--val-2-lightness-light) - 15%)),hsl(var(--val-2-hue) 60 calc(var(--val-2-lightness-dark) + 10%))))}.val-3:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-3-hue) 60 calc(var(--val-3-lightness-light) - 5%)),hsl(var(--val-3-hue) 60 calc(var(--val-3-lightness-dark) + 20%))),light-dark(hsl(var(--val-3-hue) 60 calc(var(--val-3-lightness-light) - 15%)),hsl(var(--val-3-hue) 60 calc(var(--val-3-lightness-dark) + 10%))))}.val-4:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-4-hue) 60 calc(var(--val-4-lightness-light) - 5%)),hsl(var(--val-4-hue) 60 calc(var(--val-4-lightness-dark) + 20%))),light-dark(hsl(var(--val-4-hue) 60 calc(var(--val-4-lightness-light) - 15%)),hsl(var(--val-4-hue) 60 calc(var(--val-4-lightness-dark) + 10%))))}.val-5:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-5-hue) 60 calc(var(--val-5-lightness-light) - 5%)),hsl(var(--val-5-hue) 60 calc(var(--val-5-lightness-dark) + 20%))),light-dark(hsl(var(--val-5-hue) 60 calc(var(--val-5-lightness-light) - 15%)),hsl(var(--val-5-hue) 60 calc(var(--val-5-lightness-dark) + 10%))))}.val-6:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-6-hue) 60 calc(var(--val-6-lightness-light) - 5%)),hsl(var(--val-6-hue) 60 calc(var(--val-6-lightness-dark) + 20%))),light-dark(hsl(var(--val-6-hue) 60 calc(var(--val-6-lightness-light) - 15%)),hsl(var(--val-6-hue) 60 calc(var(--val-6-lightness-dark) + 10%))))}.val-7:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-7-hue) 60 calc(var(--val-7-lightness-light) - 5%)),hsl(var(--val-7-hue) 60 calc(var(--val-7-lightness-dark) + 20%))),light-dark(hsl(var(--val-7-hue) 60 calc(var(--val-7-lightness-light) - 15%)),hsl(var(--val-7-hue) 60 calc(var(--val-7-lightness-dark) + 10%))))}.val-8:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-8-hue) 60 calc(var(--val-8-lightness-light) - 5%)),hsl(var(--val-8-hue) 60 calc(var(--val-8-lightness-dark) + 20%))),light-dark(hsl(var(--val-8-hue) 60 calc(var(--val-8-lightness-light) - 15%)),hsl(var(--val-8-hue) 60 calc(var(--val-8-lightness-dark) + 10%))))}.val-9:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-9-hue) 60 calc(var(--val-9-lightness-light) - 5%)),hsl(var(--val-9-hue) 60 calc(var(--val-9-lightness-dark) + 20%))),light-dark(hsl(var(--val-9-hue) 60 calc(var(--val-9-lightness-light) - 15%)),hsl(var(--val-9-hue) 60 calc(var(--val-9-lightness-dark) + 10%))))}.val-10:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-10-hue) 60 calc(var(--val-10-lightness-light) - 5%)),hsl(var(--val-10-hue) 60 calc(var(--val-10-lightness-dark) + 20%))),light-dark(hsl(var(--val-10-hue) 60 calc(var(--val-10-lightness-light) - 15%)),hsl(var(--val-10-hue) 60 calc(var(--val-10-lightness-dark) + 10%))))}.val-11:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-11-hue) 60 calc(var(--val-11-lightness-light) - 5%)),hsl(var(--val-11-hue) 60 calc(var(--val-11-lightness-dark) + 20%))),light-dark(hsl(var(--val-11-hue) 60 calc(var(--val-11-lightness-light) - 15%)),hsl(var(--val-11-hue) 60 calc(var(--val-11-lightness-dark) + 10%))))}.val-12:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-12-hue) 60 calc(var(--val-12-lightness-light) - 5%)),hsl(var(--val-12-hue) 60 calc(var(--val-12-lightness-dark) + 20%))),light-dark(hsl(var(--val-12-hue) 60 calc(var(--val-12-lightness-light) - 15%)),hsl(var(--val-12-hue) 60 calc(var(--val-12-lightness-dark) + 10%))))}.val-13:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-13-hue) 60 calc(var(--val-13-lightness-light) - 5%)),hsl(var(--val-13-hue) 60 calc(var(--val-13-lightness-dark) + 20%))),light-dark(hsl(var(--val-13-hue) 60 calc(var(--val-13-lightness-light) - 15%)),hsl(var(--val-13-hue) 60 calc(var(--val-13-lightness-dark) + 10%))))}.val-14:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-14-hue) 60 calc(var(--val-14-lightness-light) - 5%)),hsl(var(--val-14-hue) 60 calc(var(--val-14-lightness-dark) + 20%))),light-dark(hsl(var(--val-14-hue) 60 calc(var(--val-14-lightness-light) - 15%)),hsl(var(--val-14-hue) 60 calc(var(--val-14-lightness-dark) + 10%))))}.val-15:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-15-hue) 60 calc(var(--val-15-lightness-light) - 5%)),hsl(var(--val-15-hue) 60 calc(var(--val-15-lightness-dark) + 20%))),light-dark(hsl(var(--val-15-hue) 60 calc(var(--val-15-lightness-light) - 15%)),hsl(var(--val-15-hue) 60 calc(var(--val-15-lightness-dark) + 10%))))}.val-16:hover{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-16-hue) 60 calc(var(--val-16-lightness-light) - 5%)),hsl(var(--val-16-hue) 60 calc(var(--val-16-lightness-dark) + 20%))),light-dark(hsl(var(--val-16-hue) 60 calc(var(--val-16-lightness-light) - 15%)),hsl(var(--val-16-hue) 60 calc(var(--val-16-lightness-dark) + 10%))))}.val-1:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-1-hue) 60 calc(var(--val-1-lightness-light) - 10%)),hsl(var(--val-1-hue) 60 calc(var(--val-1-lightness-dark) + 5%))),light-dark(hsl(var(--val-1-hue) 60 calc(var(--val-1-lightness-light) - 20%)),hsl(var(--val-1-hue) 60 calc(var(--val-1-lightness-dark) - 5%))))}.val-2:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-2-hue) 60 calc(var(--val-2-lightness-light) - 10%)),hsl(var(--val-2-hue) 60 calc(var(--val-2-lightness-dark) + 5%))),light-dark(hsl(var(--val-2-hue) 60 calc(var(--val-2-lightness-light) - 20%)),hsl(var(--val-2-hue) 60 calc(var(--val-2-lightness-dark) - 5%))))}.val-3:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-3-hue) 60 calc(var(--val-3-lightness-light) - 10%)),hsl(var(--val-3-hue) 60 calc(var(--val-3-lightness-dark) + 5%))),light-dark(hsl(var(--val-3-hue) 60 calc(var(--val-3-lightness-light) - 20%)),hsl(var(--val-3-hue) 60 calc(var(--val-3-lightness-dark) - 5%))))}.val-4:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-4-hue) 60 calc(var(--val-4-lightness-light) - 10%)),hsl(var(--val-4-hue) 60 calc(var(--val-4-lightness-dark) + 5%))),light-dark(hsl(var(--val-4-hue) 60 calc(var(--val-4-lightness-light) - 20%)),hsl(var(--val-4-hue) 60 calc(var(--val-4-lightness-dark) - 5%))))}.val-5:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-5-hue) 60 calc(var(--val-5-lightness-light) - 10%)),hsl(var(--val-5-hue) 60 calc(var(--val-5-lightness-dark) + 5%))),light-dark(hsl(var(--val-5-hue) 60 calc(var(--val-5-lightness-light) - 20%)),hsl(var(--val-5-hue) 60 calc(var(--val-5-lightness-dark) - 5%))))}.val-6:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-6-hue) 60 calc(var(--val-6-lightness-light) - 10%)),hsl(var(--val-6-hue) 60 calc(var(--val-6-lightness-dark) + 5%))),light-dark(hsl(var(--val-6-hue) 60 calc(var(--val-6-lightness-light) - 20%)),hsl(var(--val-6-hue) 60 calc(var(--val-6-lightness-dark) - 5%))))}.val-7:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-7-hue) 60 calc(var(--val-7-lightness-light) - 10%)),hsl(var(--val-7-hue) 60 calc(var(--val-7-lightness-dark) + 5%))),light-dark(hsl(var(--val-7-hue) 60 calc(var(--val-7-lightness-light) - 20%)),hsl(var(--val-7-hue) 60 calc(var(--val-7-lightness-dark) - 5%))))}.val-8:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-8-hue) 60 calc(var(--val-8-lightness-light) - 10%)),hsl(var(--val-8-hue) 60 calc(var(--val-8-lightness-dark) + 5%))),light-dark(hsl(var(--val-8-hue) 60 calc(var(--val-8-lightness-light) - 20%)),hsl(var(--val-8-hue) 60 calc(var(--val-8-lightness-dark) - 5%))))}.val-9:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-9-hue) 60 calc(var(--val-9-lightness-light) - 10%)),hsl(var(--val-9-hue) 60 calc(var(--val-9-lightness-dark) + 5%))),light-dark(hsl(var(--val-9-hue) 60 calc(var(--val-9-lightness-light) - 20%)),hsl(var(--val-9-hue) 60 calc(var(--val-9-lightness-dark) - 5%))))}.val-10:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-10-hue) 60 calc(var(--val-10-lightness-light) - 10%)),hsl(var(--val-10-hue) 60 calc(var(--val-10-lightness-dark) + 5%))),light-dark(hsl(var(--val-10-hue) 60 calc(var(--val-10-lightness-light) - 20%)),hsl(var(--val-10-hue) 60 calc(var(--val-10-lightness-dark) - 5%))))}.val-11:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-11-hue) 60 calc(var(--val-11-lightness-light) - 10%)),hsl(var(--val-11-hue) 60 calc(var(--val-11-lightness-dark) + 5%))),light-dark(hsl(var(--val-11-hue) 60 calc(var(--val-11-lightness-light) - 20%)),hsl(var(--val-11-hue) 60 calc(var(--val-11-lightness-dark) - 5%))))}.val-12:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-12-hue) 60 calc(var(--val-12-lightness-light) - 10%)),hsl(var(--val-12-hue) 60 calc(var(--val-12-lightness-dark) + 5%))),light-dark(hsl(var(--val-12-hue) 60 calc(var(--val-12-lightness-light) - 20%)),hsl(var(--val-12-hue) 60 calc(var(--val-12-lightness-dark) - 5%))))}.val-13:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-13-hue) 60 calc(var(--val-13-lightness-light) - 10%)),hsl(var(--val-13-hue) 60 calc(var(--val-13-lightness-dark) + 5%))),light-dark(hsl(var(--val-13-hue) 60 calc(var(--val-13-lightness-light) - 20%)),hsl(var(--val-13-hue) 60 calc(var(--val-13-lightness-dark) - 5%))))}.val-14:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-14-hue) 60 calc(var(--val-14-lightness-light) - 10%)),hsl(var(--val-14-hue) 60 calc(var(--val-14-lightness-dark) + 5%))),light-dark(hsl(var(--val-14-hue) 60 calc(var(--val-14-lightness-light) - 20%)),hsl(var(--val-14-hue) 60 calc(var(--val-14-lightness-dark) - 5%))))}.val-15:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-15-hue) 60 calc(var(--val-15-lightness-light) - 10%)),hsl(var(--val-15-hue) 60 calc(var(--val-15-lightness-dark) + 5%))),light-dark(hsl(var(--val-15-hue) 60 calc(var(--val-15-lightness-light) - 20%)),hsl(var(--val-15-hue) 60 calc(var(--val-15-lightness-dark) - 5%))))}.val-16:active{background-image:linear-gradient(to bottom,light-dark(hsl(var(--val-16-hue) 60 calc(var(--val-16-lightness-light) - 10%)),hsl(var(--val-16-hue) 60 calc(var(--val-16-lightness-dark) + 5%))),light-dark(hsl(var(--val-16-hue) 60 calc(var(--val-16-lightness-light) - 20%)),hsl(var(--val-16-hue) 60 calc(var(--val-16-lightness-dark) - 5%))))}