.home-page{display:grid;height:-moz-fit-content;height:fit-content;width:100%;overflow:hidden;padding-bottom:2rem;gap:1rem;grid-template-rows:auto min-max(0,1fr)}.home-page>*{padding-inline:max((100% - 800px)/2,4vmin)}.home-page .page-content{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;gap:.5rem;overflow-x:hidden}.home-page .page-content .rubik-box{display:grid;height:15rem;width:32rem;max-width:100%;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem;grid-template-rows:minmax(0,1fr) auto}.home-page .page-content .rubik-box .wrapper{position:relative}.home-page .page-content .rubik-box .wrapper .navigate{pointer-events:none;position:absolute;top:.5rem;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between}.home-page .page-content .rubik-box .wrapper .navigate .btn{pointer-events:auto;height:100%;width:2.5rem;cursor:pointer;border-radius:0;border-style:none;--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.25s}.home-page .page-content .rubik-box .wrapper .navigate .btn:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.home-page .page-content .rubik-box .wrapper .navigate .btn.disabled{display:none}.home-page .page-content .rubik-box .wrapper .navigate .btn.next{margin-left:auto}.home-page .page-content .rubik-box .wrapper .navigate .btn svg{height:100%;width:2.5rem}.home-page .page-content .rubik-box .tabs{display:flex;align-items:center;justify-content:center;gap:0}.home-page .page-content .rubik-box .tabs .tab-item{height:3rem;flex:1 1 0%;border-radius:0}.home-page .page-content .config-options .option{display:flex;flex-direction:column;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:.5rem .75rem}.home-page .page-content .config-options .option .label{font-size:1.125rem;line-height:1.75rem;font-weight:500}.home-page .page-content .config-options .option .content{margin-left:.5rem;margin-right:.5rem}.home-page .page-content .config-options .option.levels .level{height:2.25rem;padding-left:1.5rem;padding-right:1.5rem;font-weight:500;text-transform:capitalize}.home-page .page-content .config-options .option.levels .level.active{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.home-page .page-content .config-options .option.scramblex .content{margin-left:1.5rem;margin-right:1.5rem}.home-page .page-content .start-btn{margin-top:1rem;height:3rem;width:100%;max-width:16rem}.home-page .page-content .start-btn.disabled{cursor:not-allowed;opacity:.5}