.bar{transition:background-color .1s cubic-bezier(.25,.46,.45,.94);margin:1px;border:1px solid var(--active-color);border-radius:3px;background-color:var(--bar-color)}.bar.active{background-color:var(--highlight-active-color)}.bar.compare{background-color:var(--highlight-compare-color)}.bar.pivot{background-color:var(--highlight-pivot-color)}.bar.sorted{background-color:var(--active-color);transition:background-color .2s cubic-bezier(0,0,.58,1)}.bar.notStarted{transition:height .5s ease-in-out}._arr_1bkod_1{height:90dvh;max-height:90dvh;min-height:90dvh;width:100%;display:flex;align-items:flex-end}._button_4l7en_1{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;border:none;color:var(--text-color);transition:background-color .3s ease,color .3s ease;padding:2px}._button_4l7en_1 svg{filter:drop-shadow(0 0 3px rgba(255,255,255,.267));transition:filter .3s ease}._button_4l7en_1:hover svg{filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}button,a{-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}._modal_16st0_1{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;color:var(--text-color)}._modalContent_16st0_15{background-color:var(--primary-color);padding:3rem;width:auto;height:auto;border-radius:1rem;gap:.8rem;display:flex;flex-direction:column;justify-content:center}._modalTitle_16st0_26{font-size:3rem;text-transform:uppercase;font-weight:300;margin-bottom:1rem}p{font-size:large;font-weight:300}._colorTitle_16st0_38{text-align:center;font-size:x-large;font-weight:300;padding:1.2rem}._subTitle_16st0_44{font-size:x-large;font-weight:300}._colorContainer_16st0_48{display:grid;grid-template-columns:repeat(4,1fr)}._colorItem_16st0_53{display:flex;align-items:center}._colorBox_16st0_58{width:1.5rem;height:1.5rem;margin-right:.5rem;border-radius:.25rem}._textColor_16st0_65{color:var(--highlight-active-color)}._colorActive_16st0_69{background-color:var(--highlight-active-color)}._colorCompared_16st0_72{background-color:var(--highlight-compare-color)}._colorPivot_16st0_75{background-color:var(--highlight-pivot-color)}._colorSorted_16st0_78{background-color:var(--active-color)}@media (max-width: 768px){._modalContent_16st0_15{width:90%;height:auto;padding:1rem;gap:.5rem}._colorContainer_16st0_48{grid-template-columns:repeat(2,1fr);gap:.5rem}._titleColor_16st0_93{margin-bottom:.8rem;text-align:left}._modalTitle_16st0_26{font-size:x-large;text-align:center;margin-bottom:.5rem}._colorItem_16st0_53{font-size:small}p{font-size:large}h3{font-size:x-large}}._navContainer_1d280_1{height:10dvh;max-height:10dvh;min-height:10dvh;display:flex;gap:1rem;justify-content:space-between;align-items:center;padding:1rem .7rem}._navButton_1d280_12{background-color:var(--background-color);color:var(--color-button)}._buttonInfo_1d280_16{display:flex;gap:.2rem}input,a{-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}input[type=range]{width:70%;height:1.8rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;overflow:hidden}input[type=range]::-webkit-slider-thumb{height:1.6rem;width:1.25rem;border-radius:10%;box-shadow:0 0 0 4px inset #fff;border-image:linear-gradient(90deg,var(--active-color) 50%,#ababab 0) 0 1 / calc(50% - 2.5px) 100vw/0 calc(100vw + 8px);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-moz-range-thumb{height:1.6rem;width:1.25rem;background:none;border-radius:10%;box-shadow:0 0 0 4px inset #fff;border-image:linear-gradient(90deg,#8a86e0 50%,#ababab 0) 0 1 / calc(50% - 2.5px) 100vw/0 calc(100vw + 8px);-moz-appearance:none;-webkit-appearance:none;appearance:none}._dropdown_3s996_1{color:var(--text-color)}._dropdownButton_3s996_5{font-size:2rem;cursor:pointer;position:relative;font-weight:400}._dropdownContent_3s996_12{visibility:hidden;position:absolute;background-color:#000;min-width:12.5rem;border:1px solid var(--primary-color);border-radius:.5rem .5rem .1rem .1rem;bottom:55%;left:0;z-index:1;transition:opacity .1s ease,visibility .1s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}._dropdownContent_3s996_12 li{padding:.6rem 1rem;text-decoration:none;display:block;cursor:pointer;font-size:x-large}._dropdown_3s996_1._open_3s996_39 ._dropdownContent_3s996_12{opacity:1;visibility:visible}._dropdownContent_3s996_12 li._selected_3s996_44{background-color:var(--active-color)}._dropdownContent_3s996_12 li._selected_3s996_44:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}._dropdownContent_3s996_12 li:hover{background-color:var(--active-color)}._dropdownButton_3s996_5:hover{color:var(--secondary-text-color)}@media (max-width: 768px){._dropdownContent_3s996_12 li:active{background-color:var(--active-color);transform:scale(.98)}._dropdownButton_3s996_5{font-size:x-large}._dropdownContent_3s996_12{min-width:8rem}}._dropdown_lfq5i_1{color:var(--text-color)}._dropdownContent_lfq5i_5{visibility:hidden;position:absolute;background-color:#000;border:1px solid var(--primary-color);border-radius:.5rem .5rem .1rem .1rem;bottom:50%;right:2%;transition:opacity .1s ease,visibility .1s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}._dropdown_lfq5i_1._open_lfq5i_21 ._dropdownContent_lfq5i_5{opacity:1;visibility:visible}._dropdownContent_lfq5i_5 li{padding:10px 15px;text-decoration:none;display:block;cursor:pointer;font-size:x-large}._dropdownContent_lfq5i_5 li._selected_lfq5i_34:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}._dropdownContent_lfq5i_5 li._selected_lfq5i_34,._dropdownContent_lfq5i_5 li:hover{background-color:var(--active-color)}@media (max-width: 768px){._dropdownButton_lfq5i_48{font-size:small}._dropdownContent_lfq5i_5 li:active{background-color:var(--active-color);transform:scale(.98)}}._playerContainer_1om1z_1{width:44rem;height:9rem;position:fixed;left:50%;bottom:0;transform:translate(-50%);background-color:var(--primary-color);border-top-right-radius:1.25rem;border-top-left-radius:1.25rem;padding:1rem 2rem .5rem;display:flex;flex-direction:column;color:var(--text-color)}._controls_1om1z_16{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:100%}._controlSpeed_1om1z_23{justify-content:space-between;display:flex;align-items:center;height:100%;font-size:medium}._controlButtons_1om1z_31{display:flex;gap:.6rem;justify-content:center;align-items:center}._controlButtons_1om1z_31 button:disabled{opacity:.5;cursor:not-allowed}._speedButton_1om1z_42{display:flex;align-items:center;justify-content:end}@media (max-width: 768px){._playerContainer_1om1z_1{width:100%;padding:0 .5rem;border-top-right-radius:0;border-top-left-radius:0}._controlButtons_1om1z_31{padding-left:2rem}._controlSpeed_1om1z_23{font-size:small}._playerContainer_1om1z_1{height:8rem}._controlButtons_1om1z_31 button:disabled{cursor:not-allowed;pointer-events:none}}:root{--primary-color: hsl(230, 23%, 20%);--text-color: hsl(0, 8%, 97%);--secondary-text-color: hsl(214, 33%, 65%);--icon-width-large: 3rem;--icon-width-medium: 2.5rem;--icon-width-small: 1.5rem}:root[data-theme=light]{--background-color: hsl(210, 36%, 96%);--active-color: hsl(228, 31%, 34%);--bar-color: hsla(230, 10%, 46%, .1);--color-button: hsl(230, 23%, 20%);--highlight-compare-color: hsla(27, 87%, 67%, .8);--highlight-active-color: hsla(11, 58%, 45%, .8);--highlight-pivot-color: hsla(248, 54%, 67%, .8)}:root[data-theme=dark]{--background-color: hsl(230, 23%, 20%);--active-color: hsl(226, 31%, 34%);--bar-color: hsla(232, 10%, 46%, .3);--color-button: hsl(0, 8%, 97%);--highlight-compare-color: hsl(27, 87%, 67%);--highlight-active-color: hsl(11, 58%, 45%);--highlight-pivot-color: hsl(248, 54%, 67%)}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{background-color:var(--background-color);font-family:Roboto,sans-serif;font-weight:300;transition:background-color .3s ease,color .3s ease}.play-icon,.pause-icon,.reset-player-icon{width:var(--icon-width-large);height:var(--icon-width-large)}.reset-icon,.speed-icon,.light-theme-icon,.dark-theme-icon,.git-icon,.help-icon{width:var(--icon-width-medium);height:var(--icon-width-medium)}.prev-step-icon,.next-step-icon{width:var(--icon-width-small);height:var(--icon-width-small)}.play-icon:hover,.pause-icon:hover{transform:scale(1.1)}@keyframes rotateAndScale{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(180deg) scale(.9)}to{transform:rotate(360deg) scale(1)}}.reset-icon.rotating{animation:rotateAndScale .3s ease-in-out}@media (max-width: 768px){.next-step-icon,.prev-step-icon{width:var(--icon-width-small);height:var(--icon-width-small)}.reset-icon,.speed-icon,.light-theme-icon,.dark-theme-icon,.git-icon,.help-icon{width:2rem;height:2rem}}