:root{--pixel-size:calc(var(--size-unit)*3)}.snake .grid{display:grid;width:320px;margin:0 auto;grid-template-columns:repeat(var(--nbrOfCols),1fr);grid-template-rows:repeat(var(--nrbOfRows),1fr);outline:1px solid var(--color-prim-40);-webkit-transition:outline-color var(--lin-norm),color var(--lin-norm),background-color var(--lin-norm);transition:outline-color var(--lin-norm),color var(--lin-norm),background-color var(--lin-norm)}.snake .grid.crossSideOff{-webkit-animation:side-barrier .25s linear infinite alternate;animation:side-barrier .25s linear infinite alternate}.snake .grid.isPaused{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes side-barrier{0%{outline:1px solid var(--color-prim)}to{outline:6px solid var(--color-prim)}}@keyframes side-barrier{0%{outline:1px solid var(--color-prim)}to{outline:6px solid var(--color-prim)}}.snake .item{min-height:20px;-webkit-box-shadow:0 0 0 1px var(--color-prim-40) inset;box-shadow:0 0 0 1px var(--color-prim-40) inset;-webkit-transition:-webkit-box-shadow var(--lin-norm);transition:-webkit-box-shadow var(--lin-norm);transition:box-shadow var(--lin-norm);transition:box-shadow var(--lin-norm),-webkit-box-shadow var(--lin-norm)}.key-input{width:100%;border:0;opacity:0}.info{font-size:150%;right:40px;top:0;bottom:0;width:100%;height:auto;color:var(--over-bg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.info p{font-variant-numeric:proportional-nums}.over{display:-webkit-box;display:-ms-flexbox;display:flex}.over,.reset-btn{position:relative}.reset-btn{z-index:20}.text-splash{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;text-align:center;padding:16px;border-radius:6px;min-width:240px;-webkit-box-shadow:0 0 0 1px var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.splash-action,.text-splash{background-color:var(--bg-stronger-80);-webkit-transition:background-color var(--lin-cool),-webkit-box-shadow var(--lin-cool);transition:background-color var(--lin-cool),-webkit-box-shadow var(--lin-cool);transition:background-color var(--lin-cool),box-shadow var(--lin-cool);transition:background-color var(--lin-cool),box-shadow var(--lin-cool),-webkit-box-shadow var(--lin-cool)}.splash-action{-webkit-box-shadow:0 0 0 1px var(--over-bg);box-shadow:0 0 0 1px var(--over-bg);padding:8px 16px;border-radius:4px;cursor:pointer}.disturbing-slider{--arrow-box-size:96px}.--margin{width:calc(100% - var(--container-padding)*2)}.disturbing-slider .wrapper{top:var(--nav-h);bottom:var(--footer-height);left:0;right:0;margin:0 auto;-webkit-perspective:1000px;perspective:1000px;overflow:hidden}.disturbing-slider .img-container,.disturbing-slider .wrapper{position:absolute;height:calc(100vh - var(--footer-height) - var(--nav-h));width:100%}.disturbing-slider .img-container{background-size:cover;background-position:50%}.img-info{position:absolute;bottom:calc(var(--nav-h)/2);margin-left:calc(var(--nav-h)/2);margin-right:calc(var(--nav-h)/2);width:calc(100% - var(--nav-h));height:auto;padding:calc(var(--nav-h)/2);background-color:var(--bg-strongest-80);border-radius:2px;-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity .8s ease .2s,-webkit-transform .8s ease .2s;transition:opacity .8s ease .2s,-webkit-transform .8s ease .2s;transition:opacity .8s ease .2s,transform .8s ease .2s;transition:opacity .8s ease .2s,transform .8s ease .2s,-webkit-transform .8s ease .2s}.img-info h2,.img-info p{margin:0;margin-bottom:16px}.img-info p{font-size:.9rem;font-weight:300}.img-info h2{font-size:1rem;font-weight:500}.--changing.img-info{-webkit-transform:scale(.94);transform:scale(.94);opacity:0;-webkit-transition:opacity .4s ease .12s,-webkit-transform .4s ease .12s;transition:opacity .4s ease .12s,-webkit-transform .4s ease .12s;transition:opacity .4s ease .12s,transform .4s ease .12s;transition:opacity .4s ease .12s,transform .4s ease .12s,-webkit-transform .4s ease .12s}.disturbing-slider .img-element{position:absolute;width:100%;height:calc(100vh - var(--footer-height) - var(--nav-h));opacity:0;-webkit-transform:scale(.96);transform:scale(.96);-webkit-transition:opacity .8s ease,-webkit-transform .8s ease;transition:opacity .8s ease,-webkit-transform .8s ease;transition:transform .8s ease,opacity .8s ease;transition:transform .8s ease,opacity .8s ease,-webkit-transform .8s ease}.disturbing-slider .img-element.--selected{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .8s ease .8s,-webkit-transform .8s ease .8s;transition:opacity .8s ease .8s,-webkit-transform .8s ease .8s;transition:transform .8s ease .8s,opacity .8s ease .8s;transition:transform .8s ease .8s,opacity .8s ease .8s,-webkit-transform .8s ease .8s}.disturbing-slider .slider-img{position:absolute;height:100%;width:100%}.slider-arrow-cont{position:absolute;top:0;bottom:0;height:calc(100vh - var(--footer-height) - var(--nav-h));width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--over-bg);pointer-events:none}.slider-arrow-left{border-radius:0 2px 2px 0;margin-left:calc(var(--container-padding)*-1px)}.slider-arrow-left,.slider-arrow-right{background-color:var(--bg-strongest-80);width:var(--arrow-box-size);height:var(--arrow-box-size);cursor:pointer;pointer-events:all}.slider-arrow-right{border-radius:2px 0 0 2px;margin-right:calc(var(--container-padding)*-1px)}.img-filter-lighter{opacity:0;-webkit-filter:none;filter:none;mix-blend-mode:unset;-webkit-transform:translate(var(--Xdist1),var(--Ydist1));transform:translate(var(--Xdist1),var(--Ydist1))}.--selected .img-filter-lighter{opacity:.4;mix-blend-mode:color}.img-filter-light{opacity:0;-webkit-filter:none;filter:none;mix-blend-mode:unset;-webkit-transform:translate(var(--Xdist1),var(--Ydist1));transform:translate(var(--Xdist1),var(--Ydist1))}.--selected .img-filter-light{opacity:.5;mix-blend-mode:lighten}@media screen and (max-width:800px){.disturbing-slider{--arrow-box-size:64px}.img-info{width:100%;margin:0;bottom:0;padding:calc(var(--nav-h)/3);border-radius:0}}:root{--dazzle-grid-size:min(60vh,60vw);--dazzle-cells:6;--dazzle-cell-size:calc(var(--dazzle-grid-size)/var(--dazzle-cells))}.dazzle{position:relative;width:100%;height:100%}.dazzle .panel{width:280px;padding:0 16px;margin-top:16px}.dazzle-grid{display:grid;grid-template-columns:repeat(var(--dazzle-cells),var(--dazzle-cell-size));grid-template-rows:repeat(var(--dazzle-cells),var(--dazzle-cell-size));height:var(--dazzle-grid-size);width:var(--dazzle-grid-size)}.dazzle-grid-item{max-width:var(--dazzle-cell-size);max-height:var(--dazzle-cell-size)}.dazzle svg{width:var(--dazzle-cell-size);height:var(--dazzle-cell-size)}.ynck-range:focus{outline:none}.ynck-range{margin-bottom:24px}.ynck-range::-webkit-slider-runnable-track{width:100%;height:12px;cursor:pointer;border-radius:2px;overflow:hidden}.ynck-range{-webkit-appearance:none;width:100%;border-radius:2px}.ynck-range::-webkit-slider-thumb{height:12px;width:45px;cursor:pointer;-webkit-appearance:none;-webkit-box-shadow:0 0 0 var(--color-prim),-40px 0 0 var(--color-prim),-85px 0 0 var(--color-prim),-130px 0 0 var(--color-prim),-175px 0 0 var(--color-prim),-220px 0 0 var(--color-prim),-265px 0 0 var(--color-prim),-310px 0 0 var(--color-prim),-350px 0 0 var(--color-prim),-390px 0 0 var(--color-prim),-409px 0 0 var(--color-prim);box-shadow:0 0 0 var(--color-prim),-40px 0 0 var(--color-prim),-85px 0 0 var(--color-prim),-130px 0 0 var(--color-prim),-175px 0 0 var(--color-prim),-220px 0 0 var(--color-prim),-265px 0 0 var(--color-prim),-310px 0 0 var(--color-prim),-350px 0 0 var(--color-prim),-390px 0 0 var(--color-prim),-409px 0 0 var(--color-prim);background:var(--color-accent)}button{font-family:var(--ff-1)}button:active{color:var(--color-accent);-webkit-box-shadow:0 0 0 1px var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.semantic{position:relative;width:100%;height:100%}.layout-grid{margin-top:40px;display:grid;grid-template-columns:auto 280px;grid-gap:24px;padding-bottom:80px}@media screen and (max-width:768px){.semantic .layout-grid{grid-template-columns:1fr}}.results{background-color:var(--color-prim);color:var(--over-prim);padding:24px 40px;margin-top:40px;border-radius:4px;width:100%;height:auto;min-height:160px;-webkit-transition:height 1.2s ease;transition:height 1.2s ease}.semantic-pastille{display:inline-block;cursor:pointer;-webkit-box-shadow:0 0 0 1px var(--color-prim);box-shadow:0 0 0 1px var(--color-prim);padding:8px 16px;margin-top:16px;border-radius:4px;-webkit-transition:background-color .16s linear;transition:background-color .16s linear}.semantic-pastille:hover{background-color:var(--color-prim);color:var(--over-prim)}.semantic-pastille:not(:last-of-type){margin-right:16px}.semantic-pastille.--unknow:after{content:"*";margin-left:-4px;color:var(--)}.unseen{position:absolute;left:-999999999px}.hidden{display:none}.user-input{font-size:4rem;height:auto;min-height:80px;color:var(--over-bg);-webkit-box-shadow:0 0 0 0 var(--over-bg);box-shadow:0 0 0 0 var(--over-bg)}.user-input:hover{border-bottom:1px solid var(--over-bg)}#teach-button{position:unset;width:auto;font-weight:500;outline:none;-webkit-box-shadow:none;box-shadow:none}#teach-button,#teach-button:hover{background-color:var(--color-accent);color:var(--over-accent)}#teach-button:hover{-webkit-box-shadow:0 0 0 1px var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.teach{-webkit-transition:opacity .12s linear,height .12s linear,-webkit-transform .12s linear;transition:opacity .12s linear,height .12s linear,-webkit-transform .12s linear;transition:transform .12s linear,opacity .12s linear,height .12s linear;transition:transform .12s linear,opacity .12s linear,height .12s linear,-webkit-transform .12s linear;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.teach.--hide{opacity:0;-webkit-transform:translateY(24px);transform:translateY(24px)}.semantic-aside{display:-webkit-box;display:-ms-flexbox;display:flex}.semantic-aside h2{font-size:1rem;border-bottom:1px dashed var(--over-bg);padding-bottom:calc(var(--size-unit)*1)}.semantic-list{min-height:24px;-webkit-transition:height .16s linear;transition:height .16s linear}.semantic-list-item:hover{background-color:var(--color-prim);color:var(--over-prim)}.semantic-list-item.--unknown:after{content:"*";margin-left:-4px}.semantic-list-item{display:inline-block;margin-bottom:calc(var(--size-unit)*0.5);padding:calc(var(--size-unit)*0.5);font-size:.9rem;cursor:pointer;border-radius:4px}.semantic-list-item:not(:last-of-type){margin-right:var(--size-unit)}.semantic-list-item.--selected{background-color:var(--color-prim);color:var(--over-prim)}.semantic-teach{opacity:1;-webkit-transition:opacity .16s linear,height 2.4s linear .16s,-webkit-transform .16s linear;transition:opacity .16s linear,height 2.4s linear .16s,-webkit-transform .16s linear;transition:opacity .16s linear,transform .16s linear,height 2.4s linear .16s;transition:opacity .16s linear,transform .16s linear,height 2.4s linear .16s,-webkit-transform .16s linear}.semantic-teach.--hide{opacity:0;height:0;-webkit-transform:translateX(-800px);transform:translateX(-800px)}input.teach-input{display:inline-block;width:100%;height:16px;background-color:var(--bg-stronger-80);height:24px;border-radius:4px;font-size:1rem}.teach-label{font-size:.9rem}.pad-bot-80{padding-bottom:80px}.pad-bot-120{padding-bottom:120px}.interItem{position:relative}