@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);.kwadrat[data-v-7063250a],img[data-v-7063250a]{border-top-right-radius:30px;border-bottom-right-radius:30px}.kwadrat[data-v-2662085f]{transition:background-color .3s}.kwadrat[data-v-10b1323d],img[data-v-10b1323d]{border-top-left-radius:30px;border-bottom-left-radius:30px}.kwadrat[data-v-4d88532c]{height:var(--squareSize);width:var(--squareSize);min-width:0;border:0;padding:0;overflow:hidden;background:transparent;cursor:pointer}.kwadrat[data-v-4d88532c]:focus-visible{outline:3px solid #fff;outline-offset:3px}[data-v-4d88532c] .kwadrat img{height:var(--squareSize);width:var(--squareSize);display:block;-o-object-fit:cover;object-fit:cover}p[data-v-4d88532c]{text-align:center;justify-content:center;color:#8595a3;font-size:.8rem;display:flex;width:100%;height:15px}.container[data-v-4d88532c]{--squareSize:clamp(76px,27vw,115px);display:flex;justify-content:center;flex-direction:row;background-color:#0a0a0a;margin-bottom:7px;margin-top:15px}@media (max-width:320px){.container[data-v-4d88532c]{--squareSize:31vw}}#navigation{z-index:100;position:fixed;bottom:20px;border-radius:500px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:100px;padding:5px 10px}#navigation,#navigation .navBtn{display:flex;justify-content:center}#navigation .navBtn{align-items:center;border:0;padding:0;background:transparent;line-height:44px;min-width:44px;min-height:44px;margin-left:15px;margin-right:15px;font-size:24px;cursor:pointer}#navigation .navBtn:focus-visible,#navigation .navBtn:hover{outline:2px solid #fff;outline-offset:2px;border-radius:50%}#navigation .navBtn:disabled{cursor:not-allowed;opacity:.45}.colorsItem[data-v-1a01d472]{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:12px 16px}.colorsItem img[data-v-1a01d472]{width:clamp(110px,30vw,220px);aspect-ratio:1;height:auto;border-radius:20px;-o-object-fit:cover;object-fit:cover}.description[data-v-1a01d472]{flex:0 1 250px;padding:10px 0;font-size:.8rem;line-height:1.3rem}@media (max-width:420px){.colorsItem[data-v-1a01d472]{gap:12px;padding:10px}}.legendBackdrop[data-v-0ddb1b36]{position:fixed;z-index:101;inset:0;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.7000000000000001)}.colorsContainer[data-v-0ddb1b36]{width:min(100%,540px);max-height:calc(100vh - 32px);overflow-y:auto;border-radius:20px;background-color:#0a0a0a;box-shadow:0 20px 60px rgba(0,0,0,.6)}.legendHeader[data-v-0ddb1b36]{display:flex;position:sticky;top:0;align-items:center;justify-content:space-between;padding:12px 16px;color:#fff;background-color:#0a0a0a}.legendHeader h2[data-v-0ddb1b36]{margin:0;font-size:1.1rem}.closeButton[data-v-0ddb1b36]{width:44px;height:44px;border:0;border-radius:50%;color:#fff;background:transparent;font-size:2rem;line-height:1;cursor:pointer}.closeButton[data-v-0ddb1b36]:focus-visible,.closeButton[data-v-0ddb1b36]:hover{outline:2px solid #fff;outline-offset:2px;background:hsla(0,0%,100%,.15)}*{box-sizing:border-box}html{font-family:Roboto,sans-serif}body{margin:0;padding:15px;color:#ccc;background-repeat:no-repeat;background-color:#0a0a0a;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.hidden{display:none}.unhide{display:block;-webkit-animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both}.blurred{filter:blur(3px);transition-duration:2s}.quiz{width:min(100%,520px);margin:24px auto 80px;padding:20px;border-radius:16px;color:#e8e8e8;background:#1a1a1a}.rowWrapper{width:100%}.quiz h2,.quiz p{margin-top:0;text-align:center}.quizProgress{width:min(100%,520px);height:8px;margin:12px auto 24px;overflow:hidden;border-radius:999px;background:#303030}.quizProgress span{display:block;height:100%;border-radius:inherit;background:#777;transition:width .3s ease}.quizAnswer{display:grid;gap:8px;width:min(100%,320px);margin:20px auto 0;text-align:center}.quizAnswer input{width:100%;min-height:44px;border:1px solid #777;border-radius:8px;padding:8px 12px;color:#fff;background:#0a0a0a;font:inherit}.quizActions button:focus-visible,.quizAnswer input:focus-visible{outline:3px solid #fff;outline-offset:2px}.quizResult{margin:16px 0 0;text-align:center;font-size:.9rem}.correct{color:#7ce38b}.incorrect{color:#ff9c9c}.quizActions{display:flex;gap:12px;justify-content:center;margin-top:20px}.quizActions button{min-height:44px;border:0;border-radius:8px;padding:8px 16px;color:#111;background:#fff;font:inherit;font-weight:700;cursor:pointer}@-webkit-keyframes slide-bottom{0%{transform:translateY(0)}to{transform:translateY(100px)}}@keyframes slide-bottom{0%{transform:translateY(-150px)}to{transform:translateY(0)}}.colormenu-enter-from{opacity:0;transform:translateY(-150px)}.colormenu-enter-active{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.colormenu-enter-to,.colormenu-leave-from{opacity:1;transform:translateY(0)}.colormenu-leave-from{filter:blur(0)}.colormenu-leave-active{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.colormenu-leave-to{opacity:0;transform:translateY(-30px);filter:blur(3px)}.rotateCenter{-webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both}@-webkit-keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(1turn)}}