@media screen and (hover:none){.dashboard-container.section-wrapper{padding:0}}.giant-bit{font-family:Caprasimo;font-size:100vmin;font-weight:800;line-height:1;display:inline-block;position:relative}@media screen and (hover:none) and (min-aspect-ratio:1/2){.giant-bit{font-size:85vw}}@media screen and (hover:none) and (orientation:landscape){.giant-bit{font-size:80vh;line-height:.75}}@media screen and (hover){.giant-bit{font-size:clamp(20rem,35vw,30rem)}}.giant-bit span{padding:0 clamp(4rem,7vw,6rem)}.bit-layer{position:absolute;inset:0}.bit-shadow{color:#0000;z-index:1}.bit-stroke{color:#0000;z-index:2}.bit-fill{z-index:3;position:relative}
.customise-heading,.customise-body{border:1px solid #888}.customise-heading{cursor:pointer;flex-direction:column;width:100%;padding:1vh;font-weight:600;display:flex}@media screen and (hover:none) and (min-aspect-ratio:1/2){.customise-heading{padding:.5rem}}@media screen and (hover){.customise-heading{padding:.5rem}}@media screen and (hover) and (min-width:786px){.customise-heading{flex-direction:column-reverse}}.customise-button-inactive{background-color:#0000}.customise-button-active{background-color:#ededed;border-bottom:none}.menu-arrow{display:none}@media screen and (hover),screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:portrait) and (min-width:700px),screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:landscape) and (min-height:700px){.menu-arrow{width:auto;height:1.5em;display:block}.menu-arrow.up-arrow{transform:rotate(180deg)}}@media screen and (hover) and (max-width:785px){.menu-arrow.up-arrow{transform:none}.menu-arrow.down-arrow{transform:rotate(180deg)}}.customise-body{z-index:300;background-color:#fff;width:100%;max-height:50vh;transition:transform .3s;overflow-y:scroll}@media screen and (hover:none) and (orientation:landscape){.customise-body{max-height:65vh}}@media screen and (hover) and (max-width:785px){.customise-body{max-height:50vh}}@media screen and (hover) and (min-width:786px){.customise-body{max-height:70vh}}@media screen and (hover:none) and (orientation:portrait) and (min-width:786px),screen and (hover:none) and (orientation:landscape) and (min-height:786px){.customise-body{max-height:40vh}}.heading-unlock-countdown,.customise-section{display:block}.customise-section-heading{background-color:#d9d9d9;border-top:1px solid #000;border-bottom:1px solid #000;padding:.3em 1em;position:relative}span.new-colors,span.new-style{font-family:Caprasimo;font-weight:400;position:absolute;right:.5rem;transform:rotate(-10deg)}span.new-colors{font-size:.8em}span.new-style{font-size:.9em}.palette{flex-wrap:wrap;gap:2vmin;display:flex}@media screen and (hover){.palette{gap:.3rem}}.customise-section-options{flex-direction:column;display:flex}.customise-section-options button,.customise-section-options button:active{text-align:left;background-color:#ededed;border:1px solid #ccc;outline:none;width:100%;padding:0 2rem;position:relative}.option-group{margin:.75rem 1rem}.palette button{border:1px solid #000}.color-button{border-radius:50%;width:10vmin;height:10vmin;padding:0}@media screen and (hover){.color-button{width:1.5rem;height:1.5rem}}@media screen and (hover:none) and (orientation:portrait) and (min-width:786px),screen and (hover:none) and (orientation:landscape) and (min-height:786px){.color-button{width:5vmin;height:5vmin}}.pair-button{border-radius:999px;width:10vmin;height:14vmin;padding:0}@media screen and (hover){.pair-button{width:1.5rem;height:3rem}}@media screen and (hover:none) and (orientation:portrait) and (min-width:786px),screen and (hover:none) and (orientation:landscape) and (min-height:786px){.pair-button{width:5vmin;height:7vmin}}.pattern-button{background-repeat:repeat;background-size:50%;width:16vmin;height:16vmin;padding:0}@media screen and (hover){.pattern-button{width:2.5rem;height:2.5rem}}@media screen and (hover:none) and (orientation:portrait) and (min-width:786px),screen and (hover:none) and (orientation:landscape) and (min-height:786px){.pattern-button{width:8vmin;height:8vmin}}button[aria-pressed=true]{font-weight:700;position:relative}.open-close-chevron{position:absolute;left:.5rem}.more-options-3{display:flex}.more-options-3 button{flex-grow:1;width:max-content}.more-options-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.palette button[aria-checked=true]{outline-offset:-1px;outline:3px solid #000}.more-options button[aria-checked=true]{border:2px solid #000}
.bit-flip-wrapper{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}@keyframes flip-toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.flip-switch{z-index:20;background:0 0;border:none;justify-content:center;align-items:center;width:96px;height:44px;margin-top:2rem;padding:0;display:inline-flex;position:relative}.flip-switch-track{-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#bdbdbd;border:2px solid #888;border-radius:999px;width:100%;height:100%;position:relative}.flip-switch-labels{color:#000;z-index:2;justify-content:space-between;align-items:center;padding:0 14px;font-weight:600;display:flex;position:absolute;inset:0}.flip-switch-thumb{z-index:1;background-color:#fff;border-radius:50%;outline:3px solid #555;width:42px;height:42px;transition:transform .2s;position:absolute;top:0;left:0;box-shadow:0 1px 3px #0000004d}@media screen and (hover:none){.share-button{margin-left:75vw}}.share-button-active{cursor:pointer}.share-button-inactive{opacity:.3}.flip-count-card{background-color:#e8e8e8;border-radius:0 1rem 1rem 0;outline:1px solid #000;flex-direction:column;gap:1vmin;max-width:30vw;padding:1rem;display:flex;position:absolute;bottom:24vh;left:0}@media screen and (hover:none) and (min-aspect-ratio:1/2){.flip-count-card{gap:0;max-width:25vw;padding:.5rem;bottom:20vh}}@media screen and (hover){.flip-count-card{max-width:8rem;bottom:unset;gap:.5rem;top:15vh}}.flip-count-card span{display:block}.bit-count-base10{opacity:.7}.bit-count-binary{word-wrap:break-word;padding:.8rem 0;font-family:Caprasimo,sans-serif;font-weight:700;line-height:.8em}.customise-menu-container{--menu-width-desktop:14rem;--menu-width-mobile:80vw;width:var(--menu-width-mobile);bottom:9vh;left:calc(50vw - var(--menu-width-mobile)/2);flex-direction:column-reverse;margin:0 auto;display:flex;position:absolute}@media screen and (hover:none) and (orientation:landscape){.customise-menu-container{width:25vw;left:unset;right:5vw;bottom:unset;flex-direction:column;top:15vh}}@media screen and (hover),screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:portrait) and (min-width:700px),screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:landscape) and (min-height:700px){.customise-menu-container{width:var(--menu-width-desktop)}}@media screen and (hover) and (max-width:785px){.customise-menu-container{left:calc(50vw - var(--menu-width-desktop)/2)}}@media screen and (hover) and (min-width:786px),screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:portrait) and (min-width:700px),screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:landscape) and (min-height:700px){.customise-menu-container{left:unset;right:1.5rem;bottom:unset;flex-direction:column;max-height:85vh;top:15vh}}
.flip-toast{border-radius:100px;padding:.5rem .75rem;animation:.3s .2s forwards flip-toast-exit;position:absolute;bottom:2rem;right:55%;transform:translate(-50%)rotate(-15deg);box-shadow:0 6px 10px #00000080}@keyframes flip-toast-exit{0%{opacity:1;transform:translate(-50%)rotate(-15deg)translateY(0)}to{opacity:0;transform:translate(-50%)rotate(-15deg)translateY(-12px)}}
.toast{z-index:1000;color:#fff;background-color:#333;border:2px solid #fff;outline:2px solid #000}.friendly-toast{pointer-events:none;font-weight:500}.problem-toast{width:10rem;padding:1.5rem;position:fixed;top:5rem;left:50vw}.toast button{background-color:#333;border:none;width:min-content;position:absolute;top:.5rem;right:.5rem}
.unlock-toast{text-align:center;width:70vw;left:15vw;top:calc(var(--header-height-phone) - 3vmin);outline:2px solid #000;padding:.75rem 1rem;animation:1s 1s forwards unlock-toast-exit;position:fixed;box-shadow:4px 4px #000}@media screen and (hover){.unlock-toast{width:14rem;top:calc(var(--header-height-desktop) - .5rem);left:calc(50vw - 7rem)}}.unlock-toast-label{white-space:pre-line;margin:0}@keyframes unlock-toast-exit{0%{opacity:.95;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}