body,html{scroll-behavior:auto}.content-grid{display:grid;grid-template-columns:[full-start] minmax(max(4vmin,20px),auto) [wide-start] minmax(auto,240px) [main-start] min(720px,100% - max(8vmin,40px)) [main-end] minmax(auto,240px) [wide-end] minmax(max(4vmin,20px),auto) [full-end]}.content-grid>:not(canvas.renderer){grid-column:main-start/main-end}.article{padding:0 0 max(8vmin,4rem);word-break:break-word}.page .article{padding-top:max(12vmin,4rem)}.article-header{padding:0 0 max(6.4vmin,2.5rem)}.page .article-header{padding-bottom:max(3.2vmin,1.75rem)}.article-title{margin-bottom:0;font-weight:700;color:var(--color-darkgrey);font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.25em}.article-byline{margin-top:.75rem;margin-bottom:.75rem;display:flex;justify-content:space-between}@media (min-width:768px){.article-byline{margin-top:1rem;margin-bottom:1rem}}.article-byline-meta{flex:1 1 0%;font-size:1rem;line-height:1.5rem;color:var(--color-secondary-tex)}.article-byline-meta-content{display:flex;gap:.5rem;color:color-mod(var(--color-secondary-text) l(-22%))}.article-byline-meta-content .bull{display:inline-block}.article-byline-meta-content .created-at,.article-byline-meta-content .reading-time{display:flex;align-items:center;gap:.25rem}.article-byline-meta-content .created-at .meta-icon,.article-byline-meta-content .reading-time .meta-icon{height:1.25rem;width:1.25rem}.article-image{max-height:500px;width:100%;grid-column:wide-start/wide-end}@media(max-width:640px){.article-image{margin-left:50%;max-height:15rem;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));grid-column:full-start/full-end;width:calc(100vw - 1.5rem)}}.image-full .article-image{grid-column:full-start/full-end}.image-small .article-image{grid-column:main-start/main-end}.article-image img{display:block;margin-left:auto;margin-right:auto;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-content{position:relative;margin-bottom:2.5rem}.article-content a{font-weight:500;--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.article-footer{margin-top:2.5rem;font-weight:500}.article-footer .article-sharing{display:flex;align-items:center;gap:1rem}.sharer{display:flex;gap:.5rem}@media (min-width:768px){.sharer{gap:1rem}}.sharer-btn{display:flex;align-items:center;gap:.5rem;color:inherit}.sharer-btn:hover{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.sharer-btn .label{display:none;font-weight:500}.sharer-btn .icon{height:1.5rem;width:1.5rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sharer-btn .icon:hover{--tw-scale-x:1.08;--tw-scale-y:1.08;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.sharer-btn .icon{height:2rem;width:2rem}}.sharer-full{gap:1rem}.sharer-full .sharer-btn .label{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.sharer-full .sharer-btn .label{display:inline-block}}.sharer-full .sharer-btn .icon{height:2rem;width:2rem}.related-posts{margin-top:-1.5rem}.related-posts>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.related-posts{padding-bottom:2rem}.related-posts .section-title{margin:0;font-size:2.25rem;line-height:2.5rem}.related-posts .posts-list{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));justify-content:space-between;gap:1.25rem}@media (min-width:768px){.related-posts .posts-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.algo-table .cell{display:flex;width:100%;flex-direction:column;align-items:center;gap:1rem}.algo-table .cell .label{text-align:center}.algo-table .cell .tutor-list{flex:1 1 0%}.algo-table .cell .algo-key{margin-top:0;margin-bottom:0;font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}@media(min-width:640px){.algo-table .cell{display:grid;gap:1.5rem;grid-template-columns:12.5rem 1fr}.algo-table .cell .label{max-width:12.5rem;padding-left:2rem;text-align:left}}.r4bctn{display:flex;flex-direction:column;align-content:center;align-items:center;gap:1rem}.r4bctn .r4bwrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.r4bctn .r4bwrap .r4bull{display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:9999px;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:#374151;--tw-shadow:var(--tw-shadow-colored)}.r4bctn .r4bwrap .r4blabel{place-self:center;font-size:1.25rem;line-height:1.75rem;font-weight:600;text-transform:uppercase}.r4bctn+div{display:grid;grid-template-rows:auto minmax(15rem,1fr) auto}.r4bctn+div .tutor-wrapper{width:16rem;justify-self:center}.tutor{display:grid;height:100%;min-height:13rem;width:100%;min-width:13rem;overflow:hidden;border-radius:.375rem;border-width:1px;grid-template-rows:minmax(0,1fr) auto}.tutor.rubiks-image,.tutor.uncontroled{min-height:12rem}.tutor .rubiks{height:100%;width:100%;flex:1 1 0%}.tutor .controls{height:2.5rem;width:100%}.tutor .controls .wrapper{display:flex;height:100%;width:100%;align-items:center;gap:.5rem;border-top-width:1px;padding-left:.5rem;padding-right:.5rem}.tutor .controls .wrapper .fui-Button.ctrl-btn{border-radius:.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));--tw-shadow-color:#374151;--tw-shadow:var(--tw-shadow-colored);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);box-shadow:0 0 5px -2px}.tutor .controls .wrapper .fui-Button.ctrl-btn:not(.disabled).playing,.tutor .controls .wrapper .fui-Button.ctrl-btn:not(.disabled):not(.playing):hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1));--tw-shadow-color:#4f46e5;--tw-shadow:var(--tw-shadow-colored)}.tutor .controls .wrapper .fui-Button.ctrl-btn.disabled{cursor:default;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));--tw-shadow-color:#d1d5db;--tw-shadow:var(--tw-shadow-colored)}.tutor .controls .wrapper .fui-Button.ctrl-btn svg{height:1.5rem;width:1.5rem}.tutor .controls .wrapper .details{margin-left:auto}.tutor-wrapper{display:inline-block;min-height:13rem;min-width:13rem;overflow:hidden}.tutor-wrapper.rubiks-image,.tutor-wrapper.uncontroled{min-height:2rem;min-width:2rem}.tutor-wrapper .tutor{height:100%;min-height:unset;min-width:unset}canvas.renderer.global-post-renderer{position:fixed;top:0;z-index:-40;height:100%;width:100%;flex:1 1 0%}.info-rubiks{display:grid;grid-template-columns:1fr auto;gap:1.5rem;margin-block:.5rem}@media(max-width:600px){.info-rubiks{grid-template-columns:1fr}.info-rubiks .tutor-wrapper{width:min(20rem,100% - 2rem)}}.info-rubiks .tutor-wrapper{height:12rem;width:16rem}.tutor-wrapper{margin-top:.5rem;margin-bottom:.5rem;max-width:15rem}.tutor-wrapper .controls button.ant-btn{display:flex;align-items:center;justify-content:center}.tutor-list{position:relative;margin-top:1rem;margin-bottom:1rem;display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;align-items:center}@media (min-width:640px){.tutor-list{flex-direction:row}}.tutor-list .or{z-index:40;margin:.25rem;border-radius:1rem;padding:.5rem;--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1));border:1px solid #4338ca!important}@media(min-width:640px)and (max-width:767.98px){.tutor-list .or:nth-of-type(2n){display:none}}@media(min-width:768px){.tutor-list .or:nth-of-type(3n){display:none}}.tutor-list>.wrapper{margin:.75rem auto;display:flex;height:-moz-fit-content;height:fit-content;min-width:calc(100% - 6rem);flex:1 1 0%;flex-direction:column;align-items:center;gap:.5rem}@media (min-width:640px){.tutor-list>.wrapper{min-width:calc(calc(100% - 8rem) / 2)}}@media (min-width:768px){.tutor-list>.wrapper{min-width:calc(calc(100% - 9rem) / 3)}}.tutor-list>.wrapper .tutor-wrapper{margin:0;display:grid;height:100%;min-height:12rem;width:100%;max-width:20rem;flex:1 1 0%;grid-template-rows:minmax(12rem,1fr)}.tutor-list>.wrapper .tutor-wrapper.rubiks-image,.tutor-list>.wrapper .tutor-wrapper.uncontroled{min-height:12rem}.tutor-list>.wrapper .info{display:flex;justify-content:center}.tutor-list>.wrapper .info h1,.tutor-list>.wrapper .info h2,.tutor-list>.wrapper .info h3,.tutor-list>.wrapper .info h4,.tutor-list>.wrapper .info h5{margin-top:0;margin-bottom:0}.tutor-list canvas.tutor-list-renderer.renderer{position:absolute;z-index:-1;height:100%;width:100%;flex:1 1 0%}