:root{--root-bg-color: #bbb2ea;--root-bg-color-dark: #988fd1}.default{--font-family: TileSwap;--font-size-xs: 24px;--font-size-sm: 32px;--font-size-md: 48px;--font-size-lg: 64px;--title-font-size: 120px;--bg-color: var(--root-bg-color);--bg-dark-color: var(--root-bg-color-dark) ;--hl-text-color: #fff;--shadow-text-color: #000;--hl-color: #fff;--shadow-color: #000;--bronze-color: #c59650;--silver-color: #d6d6d6;--success-color: #dac778;--puzzle-white: #9e968d;--devmode-color: red;--stress-color: #ff0000;--score-color: #e58f65;--tile-border-radius: 30px;--button-border-radius: 12px;--sb-border-radius: 10px;--popup-border-radius: 15px;--button-padding: 15px;--button-default-w: 210px;--sb-size: 100px;--fade-time: .3s;--zoom-time: .2s;--tile-swap-time: .5s;--popup-bg-trans: rgba(0, 0, 0, .5);--popup-width: 50%}@font-face{font-family:TileSwap;src:url(/tileswap-naenae/fonts/TileSwap.ttf) format("truetype")}@font-face{font-family:ChingChong;src:url(/tileswap-naenae/fonts/TsukimiRounded-Light.ttf) format("truetype")}@font-face{font-family:VerminVibes;src:url(/fonts/Vermin-Vibes-1989.ttf) format("truetype")}*{font-family:var(--font-family),sans-serif;-webkit-user-select:none;user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}html,body,#app{background:var(--bg-color);margin:0;height:100%;width:100%;overflow:hidden;color:var(--hl-text-color);transition:background .3s ease;position:relative}body{padding-top:env(safe-area-inset-top);padding-top:constant(safe-area-inset-top)}#app{position:relative}img{touch-action:manipulation;-webkit-user-drag:none}h1.main-title{text-align:center;font-size:var(--title-font-size);margin:0 0 50px;padding-top:50px;line-height:.65}h1.main-title>span{color:#000}hr.separator{width:88%;border-color:var(--bg-dark-color);background:var(--bg-dark-color);border-style:solid;height:6px;border-radius:5px}h1.title{font-size:var(--font-size-lg);text-align:center;margin:50px 0}h1,p,li{font-size:var(--font-size-sm)}.modal p,.modal li{font-weight:700}ul{list-style-position:inside;padding:0}.fade{position:relative}.fade:after{content:"";display:block;width:100%;height:100%;position:absolute;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,var(--root-bg-color),transparent)}.is-task-target{outline:5px solid var(--success-color)}.modal.fade-enter-active,.modal.fade-leave-active{pointer-events:none}.fade-enter-active,.fade-leave-active{transition:opacity var(--fade-time) ease}.fade-enter-from,.fade-leave-to{opacity:0}.zoom-enter-active,.zoom-leave-active{transition:scale var(--zoom-time) ease}.zoom-enter-from,.zoom-leave-to{scale:0}.flip-enter-active{transition:transform .15s cubic-bezier(.28,.28,.35,.96)}.flip-leave-active{transition:transform .15s cubic-bezier(.56,.18,.79,.64)}.flip-leave-from{transform:rotateX(0)}.flip-leave-to{transform:rotateX(90deg)}.flip-enter-to{transform:rotateX(0)}.flip-enter-from{transform:rotateX(-90deg)}.spin-enter-active{transition:transform .15s cubic-bezier(.28,.28,.35,.96)}.spin-leave-active{transition:transform .15s cubic-bezier(.56,.18,.79,.64)}.spin-leave-from{transform:rotateX(0) rotate(0)}.spin-leave-to{transform:rotateX(90deg) rotate(90deg)}.spin-enter-to{transform:rotateX(0) rotate(0)}.spin-enter-from{transform:rotateX(-90deg) rotate(-90deg)}.bounce-enter-active{animation:bounce-in .3s}.bounce-leave-active{animation:bounce-in .3s reverse}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.slide-move,.slide-enter-active,.slide-leave-active{transition:all .4s ease}.slide-enter-from,.slide-leave-to{transform:translate(800px,-10px)}.slide-leave-active{position:absolute}.text-center{text-align:center}.pressable{transition:transform .05s}.pressable:not(.disabled):active{transform:scale(.95)}.pressable.center:not(.disabled):active{transform:scale(.95) translate(-50%)}.pressable.middle:not(.disabled):active{transform:scale(.95) translateY(-50%)}.top,.left,.right,.bottom,.center,.middle{position:absolute}.top{top:0}.left{left:0}.right{right:0}.bottom{bottom:0}.center{left:50%;transform:translate(-50%)}.middle{top:50%;transform:translateY(-50%)}.center.middle{transform:translate(-50%,-50%)!important}.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0)}@keyframes shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-8px,0,0)}40%,60%{transform:translate3d(8px,0,0)}}.highlight:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--success-color);border-radius:var(--button-border-radius);animation:highlight 2s ease infinite}@keyframes highlight{0%{opacity:1}to{opacity:0}}.mer{--font-family: ChingChong;--font-size-sm: 24px;--font-size-md: 48px;--font-size-lg: 64px;--title-font-size: 120px;--bg-color: #086788;--hl-text-color: #FFF1D0;--shadow-text-color: #DD1c1A;--hl-color: #fff1D0;--shadow-color: #DD1c1a;--success-color: #dac778;--puzzle-white: #b5ab9e;--devmode-color: red;--tile-border-radius: ;--button-border-radius: ;--sb-border-radius: ;--popup-border-radius: ;--button-padding: 15px;--button-default-w: 210px;--sb-size: 100px;--fade-time: .2s;--zoom-time: .2s;--tile-swap-time: .3s;--popup-bg-trans: rgba(0, 0, 0, .5);--popup-width: 20%;text-transform:uppercase!important}.bacon{--font-family: "Times New Roman", Times, serif;--font-size-sm: 24px;--font-size-md: 48px;--font-size-lg: 64px;--title-font-size: 120px;--bg-color: #D77A61F;--hl-text-color: #DBD3d8;--shadow-text-color: #223843;--hl-color: #EFF1F3;--shadow-color: #223843;--success-color: #dac778;--puzzle-white: #b5ab9e;--devmode-color: red;--tile-border-radius: 20px;--button-border-radius: 7px;--sb-border-radius: 10px;--popup-border-radius: 15px;--button-padding: 15px;--button-default-w: 210px;--sb-size: 100px;--fade-time: .2s;--zoom-time: .2s;--tile-swap-time: .3s;--popup-bg-trans: rgba(0, 0, 0, .5);--popup-width: 20%;text-transform:uppercase!important}.france{--font-family: "Times New Roman", Times, serif;--font-size-sm: 24px;--font-size-md: 48px;--font-size-lg: 64px;--title-font-size: 120px;--bg-color: #002B80;--hl-text-color: #F9F9F9;--shadow-text-color: #C60101;--hl-color: #F9F9F9;--shadow-color: #C60101;--success-color: #dac778;--puzzle-white: #b5ab9e;--devmode-color: red;--tile-border-radius: 25px 8px;--button-border-radius: 7px;--sb-border-radius: 10px;--popup-border-radius: 15px;--button-padding: 15px;--button-default-w: 210px;--sb-size: 100px;--fade-time: .2s;--zoom-time: .2s;--tile-swap-time: .3s;--popup-bg-trans: rgba(0, 0, 0, .5);--popup-width: 20%;text-transform:uppercase!important}body.france button{text-transform:uppercase!important}.jsp{--font-family: ChingChong;--font-size-sm: 24px;--font-size-md: 48px;--font-size-lg: 64px;--title-font-size: 120px;--bg-color: linear-gradient(180deg, rgba(20,54,66,1) 0%, rgba(15,139,141,1) 72%, rgba(149,212,247,1) 100%);--hl-text-color: #DAD2D8;--shadow-text-color: #143642;--hl-color: #DAD2D8;--shadow-color: #143642;--success-color: #dac778;--puzzle-white: #b5ab9e;--devmode-color: red;--tile-border-radius: ;--button-border-radius: ;--sb-border-radius: ;--popup-border-radius: ;--button-padding: 15px;--button-default-w: 210px;--sb-size: 100px;--fade-time: .2s;--zoom-time: .2s;--tile-swap-time: .3s;--popup-bg-trans: rgba(0, 0, 0, .5);--popup-width: 20%;text-transform:uppercase!important}.synthwave{--font-family: VerminVibes;font-weight:400;font-style:normal;--font-size-sm: 24px;--font-size-md: 48px;--font-size-lg: 64px;--title-font-size: 120px;--bg-color: linear-gradient(157deg, rgba(70,49,145,1) 0%, rgba(231,38,150,1) 27%, rgba(249,155,29,1) 52%, rgba(94,219,165,1) 75%, rgba(70,49,145,1) 100%);--hl-text-color: black;--shadow-text-color: white;--hl-color: black;--shadow-color: white;--success-color: #dac778;--puzzle-white: #b5ab9e;--devmode-color: red;--tile-border-radius: ;--button-border-radius: ;--sb-border-radius: ;--popup-border-radius: ;--button-padding: 15px;--button-default-w: 210px;--sb-size:100px;--fade-time: .2s;--zoom-time: .2s;--tile-swap-time: .3s;--popup-bg-trans:rgba(0,0,0,.5);--popup-width:20%}input[type=range]{margin:-1px 0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:rgba(255,255,255,.9);border:0;border-radius:25px;width:100%;height:15px;cursor:pointer}input[type=range]::-webkit-slider-thumb{margin-top:-9px;width:33px;height:33px;background:black;border:2.7px solid rgba(0,30,0,0);border-radius:50px;cursor:pointer;-webkit-appearance:none}input[type=range]:focus::-webkit-slider-runnable-track{background:#ffffff}input[type=range]::-moz-range-track{background:rgba(255,255,255,.9);border:0;border-radius:25px;height:35px;cursor:pointer}input[type=range]::-moz-range-thumb{width:55px;height:55px;background:black;border:2.7px solid rgba(0,30,0,0);border-radius:50px;cursor:pointer}input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:0 0;color:transparent;width:100%;height:35px;cursor:pointer}input[type=range]::-ms-fill-lower{background:#ffffff;border:0;border-radius:50px}input[type=range]::-ms-fill-upper{background:rgba(255,255,255,.9);border:0;border-radius:50px}input[type=range]::-ms-thumb{width:55px;height:55px;background:black;border:2.7px solid rgba(0,30,0,0);border-radius:50px;cursor:pointer;margin-top:0}input[type=range]:focus::-ms-fill-lower{background:rgba(255,255,255,.9)}input[type=range]:focus::-ms-fill-upper{background:#ffffff}input[type=range]:active::-webkit-slider-thumb{background:#111}input[type=range]:active::-moz-range-thumb{background:#111}input[type=range]:active::-ms-thumb{background:#111}@supports (-ms-ime-align:auto){input[type=range]{margin:0}}@media only screen and (orientation: landscape){input[type=range]::-webkit-slider-runnable-track{height:15px}input[type=range]::-webkit-slider-thumb{width:33px;height:33px}input[type=range]::-moz-range-track{height:15px}input[type=range]::-moz-range-thumb{width:33px;height:33px}input[type=range]::-ms-track{height:15px}input[type=range]::-ms-thumb{width:33px;height:33px}}::-webkit-scrollbar{display:none}body{scrollbar-width:none;-ms-overflow-style:none}::-moz-scrollbar{display:none}.container[data-v-85fab803]{position:relative;display:inline-block;background-color:var(--hl-color);border-radius:var(--sb-border-radius);width:var(--sb-size);height:var(--sb-size);margin:6px;cursor:pointer}.container[data-v-85fab803]:before{content:attr(data-level);position:absolute;background-color:var(--shadow-color);padding:5px;border-radius:calc(var(--sb-border-radius)/2);width:10px;height:10px;top:-3px;left:-3px;display:flex;align-items:center;justify-content:center}.container[data-v-85fab803]:active{transform:scale(.95)}.container[data-level="30"][data-v-85fab803]:before{background-color:var(--bg-color)}.tile[data-v-85fab803]{background-color:var(--shadow-color);position:absolute;border-radius:calc(var(--tile-border-radius)/10);display:inline-block}.layout-preview[data-v-85fab803]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.container.locked[data-v-85fab803]{background:#ddd}img[data-v-85fab803]{width:60%;height:60%;position:absolute;top:20%;left:20%}button[data-v-fff6ba28]{width:var(--button-default-w);padding:var(--button-padding);border:none;border-radius:var(--button-border-radius);background-color:var(--321ac96a);color:var(--25ff4838);font-size:var(--font-size-xs);cursor:pointer;margin:10px;display:inline-block}button[data-v-fff6ba28]:focus{outline:none}button.disabled[data-v-fff6ba28]{cursor:not-allowed;color:gray}div[data-v-888d6c9c]{width:100%;height:100%;color:var(--color);font-size:var(--font-size-xs);cursor:pointer;display:flex;justify-content:center;align-items:center}img[data-v-888d6c9c]{height:90%}main.icon-container[data-v-888d6c9c]{display:inline-block;width:100px;height:100px;margin:6px;border:none;border-radius:var(--button-border-radius);background-color:var(--hl-color);padding:var(--button-padding);overflow:hidden}main.icon-container[data-v-888d6c9c]:active{transform:scale(.95)}div[data-v-625b5316]{width:100%;display:flex;justify-content:center;margin:var(--d51ffd20)}div[data-v-625b5316]{position:relative}hr[data-v-625b5316]:after{content:attr(data-text);color:var(--hl-text-color);display:var(--4a311540);position:absolute;place-content:center;background:var(--bg-dark-color);width:41px;height:27px;border-radius:10px;justify-content:center;align-items:center;left:50%;z-index:1;transform:translate(-50%,-12px)}main[data-v-808522ca]{height:100%;overflow-y:scroll;position:relative}.layouts[data-v-808522ca]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}div.tools[data-v-808522ca]{display:flex;align-items:center;justify-content:center;flex-direction:row}div.tools>button[data-v-808522ca]{width:100px;height:100px;font-size:48px;display:inline-block}.container[data-v-5e12ab98]{position:relative;display:inline-block;background-color:var(--5f00b38a);border-radius:var(--sb-border-radius);width:var(--sb-size);height:var(--sb-size);margin:6px;cursor:pointer}.container[data-v-5e12ab98]:active{transform:scale(.95)}.tile[data-v-5e12ab98]{position:absolute;border-radius:2px;display:inline-block}.layout-preview[data-v-5e12ab98]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.container.locked[data-v-5e12ab98]{background:#ddd}img[data-v-5e12ab98]{width:60%;height:60%;position:absolute;top:20%;left:20%}main[data-v-a4e15b28]{height:100%;overflow-y:scroll;position:relative}.layouts[data-v-a4e15b28]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.locked[data-v-59e5e795]{background:#ddd;cursor:default}img[data-v-59e5e795]{height:60%;position:absolute;top:20%;left:50%;transform:translate(-50%)}div.locked[data-v-59e5e795]{height:55px;width:60%;border-radius:var(--button-border-radius);display:inline-block;position:relative;margin:5px 10px}.challenge-button[data-v-59e5e795]{width:60%;padding:var(--button-padding);border:none;border-radius:var(--button-border-radius);background-color:var(--hl-color);color:var(--8ae84d6a);font-size:var(--font-size-xs);cursor:pointer;margin:5px 10px;display:inline-block;color:var(--shadow-text-color);text-align:center}.challenge-button[data-v-59e5e795]:active{transform:scale(.95)}.is-completed[data-v-59e5e795]{background-color:var(--success-color)}.locked[data-v-7966f75f]{background:#ddd}img[data-v-7966f75f]{height:60%;position:absolute;top:20%;left:50%;transform:translate(-50%)}.category-button[data-v-7966f75f]{width:60%}.category-button.finished[data-v-7966f75f]{background-color:var(--success-color)}div.locked[data-v-7966f75f]{height:55px;width:60%;border-radius:var(--button-border-radius);display:inline-block;position:relative;margin:5px 10px}.background[data-v-fd45a4cf]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:999}.modal[data-v-fd45a4cf]{position:absolute;top:0;left:0;background-color:var(--hl-color);padding:20px;text-align:center;border-radius:var(--popup-border-radius);z-index:1000;color:var(--shadow-text-color);min-width:var(--popup-width);width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.modal>div[data-v-fd45a4cf]{width:100%;max-height:100%;overflow-y:scroll}@media screen and (max-width: 600px){.modal[data-v-fd45a4cf]{min-width:95%}}button[data-v-df20b4d1]{background-color:transparent;border:none;color:var(--text-color);font-size:var(--font-size-md);cursor:pointer;width:55px;height:55px;padding:10px 0 0}div.container[data-v-71d107bc]{text-align:center}main[data-v-71d107bc]{height:100%;overflow-y:scroll;position:relative}.tile[data-v-ccbc5652]{width:var(--285121e4);height:var(--285121e4);opacity:var(--ce1f0e52);margin:7px;display:inline-block;pointer-events:var(--20b19b82);cursor:var(--3261c780)}.tile>.inner-tile[data-v-ccbc5652]{display:inline-block;position:relative;width:100%;height:100%;transition:transform var(--tile-swap-time) ease;transform-style:preserve-3d}.flipped-tile>.inner-tile[data-v-ccbc5652]{transform:rotateX(-180deg)}.tile .front[data-v-ccbc5652],.tile .back[data-v-ccbc5652]{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.tile .back[data-v-ccbc5652]{transform:rotateX(180deg) translateY(100%);position:absolute;width:100%}.flipped-tile[data-v-ccbc5652]{z-index:3;padding:0}@media screen and (max-width: 600px){.tile[data-v-ccbc5652]{margin:3px}}.row[data-v-19fcc2d9]{white-space:nowrap}.tile[data-v-19fcc2d9]{transition:outline .2s ease,box-shadow .2s ease,background .2s ease;position:relative}.tile.hover[data-v-19fcc2d9]{box-shadow:0 0 0 5px var(--puzzle-white);background:var(--puzzle-white)}.solution[data-v-19fcc2d9]{outline:5px solid red!important}.solution[data-v-19fcc2d9]:before{content:attr(data-moves);position:absolute;z-index:10;transform:translate(10px,10px);color:red}.color-blind[data-v-19fcc2d9]:before{content:attr(data-tile);position:absolute;z-index:10;left:50%;top:50%;color:#000;transform:translate(-50%,-50%);font-size:var(--font-size-lg);-webkit-text-stroke:1px white}.multi-range-slider *{box-sizing:border-box;padding:0;margin:0}.multi-range-slider{display:flex;position:relative;border:solid 1px gray;border-radius:10px;padding:20px 10px;box-shadow:1px 1px 4px #000;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.multi-range-slider .bar{display:flex}.multi-range-slider .bar-left{width:25%;background-color:#f0f0f0;border-radius:10px 0 0 10px;box-shadow:inset 0 0 5px #000;padding:4px 0}.multi-range-slider .bar-right{width:25%;background-color:#f0f0f0;border-radius:0 10px 10px 0;box-shadow:inset 0 0 5px #000}.multi-range-slider .bar-inner{background-color:#0f0;display:flex;flex-grow:1;flex-shrink:1;position:relative;border:solid 1px black;justify-content:space-between;box-shadow:inset 0 0 5px #000}.multi-range-slider .bar-inner-left,.multi-range-slider .bar-inner-right{width:50%}.multi-range-slider .thumb{background-color:red;position:relative;z-index:1;cursor:pointer}.multi-range-slider .thumb:before{content:"";background-color:#fff;position:absolute;width:20px;height:20px;border:solid 1px black;box-shadow:0 0 3px #000,inset 0 0 5px gray;border-radius:50%;z-index:1;margin:-8px;cursor:pointer}.multi-range-slider .input-type-range:focus+.thumb:after{content:"";position:absolute;top:-4px;left:-4px;width:11px;height:11px;z-index:2;border-radius:50%;border:dotted 1px black;box-shadow:0 0 5px #fff,inset 0 0 10px #000}.multi-range-slider .caption{position:absolute;bottom:35px;width:2px;height:2px;left:1px;display:flex;justify-content:center;align-items:center;overflow:visible;display:none}.multi-range-slider .thumb .caption *{position:absolute;min-width:30px;height:30px;font-size:75%;text-align:center;line-height:30px;background-color:#00f;border-radius:15px;color:#fff;box-shadow:0 0 5px #000;padding:0 5px;white-space:nowrap}.multi-range-slider .thumb:active .caption{display:flex}.multi-range-slider .input-type-range:focus+.thumb .caption{display:flex}.multi-range-slider .input-type-range{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none}.multi-range-slider .ruler{margin:10px 0 -5px;display:flex;overflow:hidden}.multi-range-slider .ruler .ruler-rule{border-left:solid 1px;border-bottom:solid 1px;display:flex;flex-grow:1;flex-shrink:1;padding:5px 0}.multi-range-slider .ruler .ruler-rule:last-child{border-right:solid 1px}.multi-range-slider .sub-ruler{margin:-2px 0 -5px;display:flex}.multi-range-slider .sub-ruler .ruler-sub-rule{border-left:solid 1px;border-bottom:solid 1px;display:flex;flex-grow:1;flex-shrink:1;padding:3px 0}.multi-range-slider .sub-ruler .ruler-sub-rule:last-child{border-right:solid 1px}.multi-range-slider .labels{display:flex;justify-content:space-between;padding:0;margin-top:10px;margin-bottom:-20px}.multi-range-slider .label{font-size:80%;display:flex;width:1px;justify-content:center}.multi-range-slider .label:first-child{justify-content:start}.multi-range-slider .label:last-child{justify-content:end}.multi-range-slider.zero-ranage-margin .thumb-left{right:12px}.multi-range-slider.zero-ranage-margin .thumb-right{left:8px}.randomize[data-v-5fae3ab6]{background:none;width:fit-content;height:fit-content;border:none;width:55px;height:55px;flex:1}.randomize img[data-v-5fae3ab6]{width:100%;height:100%}.slider[data-v-5fae3ab6]{display:flex;flex-direction:row;align-items:center;width:100%}.diff[data-v-5fae3ab6]{width:88%}.diff{margin:5px;display:flex;flex-direction:column;align-items:center}.difficulty-text{margin:10px 0;font-size:var(--font-size-sm);text-align:center;white-space:nowrap}.custom-slider{border:none;box-shadow:none;flex:4}.multi-range-slider .bar{position:relative}.custom-slider .bar-left,.custom-slider .bar-right{box-shadow:none}.multi-range-slider .bar-inner{background-color:#000;box-shadow:none;border:none;height:20px}.multi-range-slider .thumb:before{box-shadow:none;background-color:#000;height:33px;width:33px;border:none;pointer-events:all}.multi-range-slider input:active+.thumb:before{transform:scale(1.1)}.multi-range-slider .caption{display:none!important}.multi-range-slider .thumb-right:before{margin:-7px -22px}.multi-range-slider .thumb-left:before{margin:-7px -14px}.modulo[data-v-74aaee6d]{margin:20px;display:flex;flex-direction:column;align-items:flex-end}button[data-v-74aaee6d]{border:none;background:white;color:#000;border-radius:var(--button-border-radius);padding:10px;width:50px;height:50px;font-size:var(--font-size-xs)}.options[data-v-74aaee6d]{position:absolute;top:0;background:white;border-radius:var(--button-border-radius);width:50px}.selected[data-v-74aaee6d]{color:#bbb}.balls[data-v-74aaee6d]{width:30px;margin-top:10px;display:flex;flex-wrap:wrap;justify-content:center}.balls>div[data-v-74aaee6d]{width:20px;height:20px;margin:2px;border-radius:50%}.devmode[data-v-c044c8d7]{color:var(--devmode-color);background-color:#000;padding:20px;font-size:var(--font-size-sm);margin-left:10px;width:max-content}.devmode hr[data-v-c044c8d7]{background-color:var(--devmode-color);height:2px}.devmode p[data-v-c044c8d7],.devmode h1[data-v-c044c8d7]{text-align:center}.devmode .input[data-v-c044c8d7]{float:right}.devmode p.selected[data-v-c044c8d7]{outline:2px solid var(--devmode-color)}.devmode .open[data-v-c044c8d7]{border:2px solid red;width:fit-content;padding:10px;border-radius:6px;margin:0 auto}.close-dev[data-v-c044c8d7]{float:right;background-color:#000;color:var(--devmode-color);outline:2px solid var(--devmode-color);border-radius:2px;cursor:pointer;width:25px;height:25px;text-align:center}.container[data-v-4b902f81]{position:relative;width:100%;height:40px;background:var(--hl-color);border-radius:20px;overflow:hidden}.progress[data-v-4b902f81]{width:var(--124f0055);height:100%;background:var(--02fb16f4);transition:width .5s ease}.container>.text[data-v-4b902f81]{position:absolute;top:50%;right:7px;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--shadow-text-color)}.win-modal-overlay[data-v-d75e982e]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:flex-end;justify-content:center}.win-modal[data-v-d75e982e]{position:fixed;bottom:0;left:0;right:0;background:white;padding:20px;text-align:center;border-radius:var(--popup-border-radius) var(--popup-border-radius) 0 0;z-index:999;color:var(--shadow-text-color);max-height:80vh;overflow-y:auto}.win-content[data-v-d75e982e]{width:100%;margin:0 auto}.slide-up-enter-active[data-v-d75e982e]{transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.slide-up-leave-active[data-v-d75e982e]{transition:transform .3s ease-in}.slide-up-enter-from[data-v-d75e982e],.slide-up-leave-to[data-v-d75e982e]{transform:translateY(100%)}@media screen and (max-width: 600px){.win-modal[data-v-d75e982e]{padding:20px;max-height:85vh}}.top-menu[data-v-31d834ca]{width:240px;margin-left:20px}.top-menu .buttons[data-v-31d834ca]{display:flex;width:88%}main[data-v-31d834ca]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.move-counter[data-v-31d834ca]{font-size:var(font-size-sm)}.open-dev[data-v-31d834ca]{background-color:#000;color:red;border-radius:5px;outline:2px solid red;width:25px;height:25px;text-align:center;cursor:pointer;padding-top:3px;margin-left:10px;margin-bottom:10px}.top-menu .devmode span[data-v-31d834ca]{font-family:monospace;margin:10px}.top-menu .devmode[data-v-31d834ca]:has(span){padding:5px;margin:0 auto;color:var(--devmode-color);background-color:#000;font-size:var(--font-size-sm);width:max-content}.cursor[data-v-31d834ca]{cursor:pointer}@media screen and (max-width: 600px){.top-menu[data-v-31d834ca]{position:absolute;bottom:0;width:100%;text-align:center;left:50%;transform:translate(-50%);margin:0 0 10px;display:flex;flex-direction:column;align-items:center}}.modulo[data-v-bf7c3d8b]{margin:20px 0;width:fit-content;display:flex;align-items:center;gap:5px}.modulo .balls[data-v-bf7c3d8b]{display:flex;align-items:center}.modulo .balls>div[data-v-bf7c3d8b]{width:20px;height:20px;border-radius:50%;margin:3px}.modulo>h2[data-v-bf7c3d8b]{font-size:var(--font-size-sm);margin:0}main.puzzle-container[data-v-ac16d84d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;margin-top:30px}.target[data-v-ac16d84d]{margin-left:50px}.info[data-v-ac16d84d]{text-align:center;width:max-content;display:flex;flex-direction:column;margin-bottom:40px}.info>div[data-v-ac16d84d]{display:flex}.info .explanation[data-v-ac16d84d]{margin:10px;background:white;border-radius:var(--button-border-radius);border:none;width:55px;height:55px}.info .explanation img[data-v-ac16d84d]{width:30px;height:30px}.info>h1[data-v-ac16d84d]{margin:0}.info>h1[data-v-ac16d84d]:last-of-type{margin-bottom:15px}.medals[data-v-ac16d84d]{margin-top:50px;text-align:center}.medals>h2[data-v-ac16d84d]{font-size:var(--font-size-xs);margin:5px 0}.medals .medal[data-v-ac16d84d]{border-radius:50%;width:40px;height:40px;display:inline-block;align-content:center}.explanation[data-v-ac16d84d]{display:flex;flex-direction:row;align-items:center;justify-content:center}.explanation>p[data-v-ac16d84d]{font-size:32px;margin:0}.explanation>div[data-v-ac16d84d]{padding:20px;margin:20px;border-radius:10px;background:var(--root-bg-color)}@media screen and (max-width: 600px){.target[data-v-ac16d84d]{margin-left:0;margin-top:80px}.explanation[data-v-ac16d84d]{flex-direction:column}main[data-v-ac16d84d]{margin-top:40px}}button[data-v-84acf687]{background-color:transparent;border:none;color:var(--text-color);font-size:var(--font-size-md);cursor:pointer;width:75px;height:75px;padding:0;margin-top:20px}button img[data-v-84acf687]{width:100%;height:100%}main[data-v-9ba4b2bd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top.info[data-v-9ba4b2bd]{display:flex;flex-direction:column;width:90%;gap:20px}.top.info>div[data-v-9ba4b2bd]{display:flex;justify-content:space-between}.bottom.info[data-v-9ba4b2bd]{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:30px;gap:20px}.bottom.info>.per[data-v-9ba4b2bd]{display:flex;justify-content:space-between;width:90%}.progress[data-v-9ba4b2bd]{width:90%;height:30px;background-color:var(--hl-color)}h2[data-v-9ba4b2bd]{font-size:var(--font-size-sm);margin:0}.example-layout[data-v-dd00f344]{padding:20px;margin:20px;border-radius:10px;background:var(--root-bg-color)}.top-menu[data-v-838b82a3]{width:240px;margin-left:20px}main[data-v-838b82a3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.move-counter[data-v-838b82a3]{font-size:30px}@media screen and (max-width: 600px){.top-menu[data-v-838b82a3]{position:absolute;bottom:0;width:80%;text-align:center;left:50%;transform:translate(-50%);margin:0 0 10px}.move-counter[data-v-838b82a3]{margin-left:20px}}.tile[data-v-54240160]{width:400px;height:400px;border-radius:10px}main[data-v-500e325c]{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:row;gap:200px}textarea[data-v-500e325c]{display:block;width:100%;height:500px}main[data-v-b39d8f6c]{height:100%}div.bottom.center[data-v-b39d8f6c]{margin-bottom:40px;display:flex;flex-direction:column;gap:30px;width:90%}main[data-v-c9e989af]{position:absolute;bottom:0;left:0;width:100%;height:125px;text-align:center;background:var(--root-bg-color);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:15px;transition:bottom .5s ease-in-out;z-index:100}main.closed[data-v-c9e989af]{bottom:-150px}main[data-v-c9e989af]:before{content:"";position:absolute;top:0;left:50%;width:93%;height:10px;background:var(--bg-dark-color);border-radius:10px;z-index:0;transform:translate(-50%)}main>div.category[data-v-c9e989af]{display:flex;color:var(--hl-text-color);position:absolute;background:var(--bg-dark-color);width:55px;height:32px;border-radius:10px;text-align:center;left:50%;transform:translate(-50%,-27px);align-items:center;justify-content:center}main>div.progress[data-v-c9e989af]{width:70%;margin-top:13px}.position[data-v-c9e989af]{width:fit-content;display:flex;justify-content:center;align-items:center;z-index:100;margin-top:10px;padding:10px;border-radius:15px;position:relative;background-color:#00000080}.position>.dot[data-v-c9e989af]{width:10px;height:10px;border-radius:50%;background-color:#ffffff80;margin:0 5px;cursor:pointer;transition:background-color .2s ease-in-out}.position>.dot.selected[data-v-c9e989af]{background-color:#fff}.position>.left-click[data-v-c9e989af],.position>.right-click[data-v-c9e989af]{position:absolute;height:100%;width:50%}.position>.left-click[data-v-c9e989af]{left:0}.position>.right-click[data-v-c9e989af]{right:0}li[data-v-ed2128ba]{font-size:var(--font-size-sm);text-align:left}.list[data-v-23d78de1]{text-align:left;font-size:24px}.list>.element[data-v-23d78de1]{display:flex;flex-direction:column;align-items:center;background:var(--silver-color);border-radius:10px;padding:20px 0;margin:20px 0}.list>.element>p[data-v-23d78de1]{margin:0 0 10px}.list>.element>.options>div[data-v-23d78de1]{background-color:#fff;overflow:hidden;outline:var(--selected) solid black;position:relative;width:75px;height:50px;cursor:pointer;display:inline-block;border-radius:5px;margin-left:5px}.list>.element>.options>div[data-v-23d78de1]:after{content:attr(data-text);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.list>.element>.options[data-v-23d78de1]{margin-bottom:10px;align-items:center;display:flex;width:100%;overflow-x:scroll;padding:10px 0;justify-content:center}.tilesColor[data-v-23d78de1]{background-color:var(--value-2);width:50px;height:50px;cursor:pointer;display:inline-block;border-radius:5px;margin-left:5px;transform:translateY(10%)}.tilesColor[data-v-23d78de1]:after{content:"";display:block;position:absolute;width:0;height:0;border-top:50px solid var(--value-1);border-right:50px solid transparent;border-radius:5px}progress[data-v-6a0a4ef5]{width:100%}.container[data-v-6a0a4ef5]{text-align:center}.task[data-v-6a0a4ef5]{width:100%;border:1px solid var(--shadow-color);background-color:var(--hl-color);border-radius:10px;padding:10px;margin:10px 0}.completed-task[data-v-6a0a4ef5]{background-color:var(--bg-color);cursor:pointer}main[data-v-71b37443]{width:230px;text-align:center}div.main-container[data-v-c6a5ea8d]{height:100%}main.carousell[data-v-c6a5ea8d]{scroll-snap-type:x mandatory;scroll-snap-stop:always;overflow-x:var(--de3668ce);overflow-y:hidden;display:flex;align-items:center;height:100%;-webkit-overflow-scrolling:touch}main.carousell>div[data-v-c6a5ea8d]{scroll-snap-stop:always;scroll-snap-align:center;position:relative;min-width:100%;min-height:100%;height:100%;width:100%;border-radius:10px;overflow-y:hidden}main.carousell>div[data-v-c6a5ea8d]>*{padding-bottom:150px}
