.header_header__3jk_8{width:100%;position:sticky;top:0;z-index:1}.header_header__3jk_8 header{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;height:60px;width:100%;padding:0 10px;background:#fff;box-shadow:0 1px rgba(0,0,0,.102)}.header_header__3jk_8 header>div{height:100%}.header_header__3jk_8 header .logo{height:100%;display:flex;align-items:center;gap:5px}.header_header__3jk_8 header .logo img{height:30px}.header_header__3jk_8 header .logo .site-name{font-size:1.2em;font-weight:500}.header_header__3jk_8 header .navigations,.header_header__3jk_8 header .navigations-2{display:flex;align-items:center;justify-content:right;gap:5px;padding:0 10px}.header_header__3jk_8 header .navigations{flex:1;align-items:center;justify-content:center}.header_header__3jk_8 header .navigations .item{color:var(--main-font-color);border-radius:5px;padding:8px 10px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;gap:2px}.header_header__3jk_8 header .navigations .item:not(.icon-item):hover{background:var(--hover-bg-color)}.header_header__3jk_8 header .navigations .item:not(.icon-item):active{background:rgba(0,0,0,.063);scale:98%}.header_header__3jk_8 header .navigations-2{width:175px}.header_header__3jk_8 header .navigations-2 .icons{display:flex;gap:8px}.header_header__3jk_8 header .navigations-2 .icons .icon-item{transition:.2s}.header_header__3jk_8 header .navigations-2 .icons .icon-item:hover{color:var(--secondary-font-color);cursor:pointer}.layout_layoutContainer__Vrh2a{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.layout_layoutContainer__Vrh2a .main-container{flex:1;padding:20px;width:100%;max-width:1500px;margin:auto;display:flex;justify-content:center;flex-direction:row;gap:30px;overflow:hidden}.Input_inputContainer__4Jwjm{border:2px solid rgba(var(--main-color-rgb),.2);padding:5px;border-radius:5px;outline:none;transition:.3s}.Input_inputContainer__4Jwjm:hover{border:2px solid rgba(var(--main-color-rgb),.4)}.Input_inputContainer__4Jwjm:focus{border:2px solid rgba(var(--main-color-rgb),.6)}.QuicksortHoareAnimation_container__dPfPZ .main{width:100%;max-width:1000px;display:flex;flex-direction:column;gap:10px}.QuicksortHoareAnimation_container__dPfPZ .main .title{font-size:1.5em}.QuicksortHoareAnimation_container__dPfPZ .main .input-container{display:flex;gap:10px}.QuicksortHoareAnimation_container__dPfPZ .main .input-container .input{flex:1}.QuicksortHoareAnimation_container__dPfPZ .main .pointer-container{position:relative;width:100%;height:30px;overflow:visible;margin-top:100px}.QuicksortHoareAnimation_container__dPfPZ .main .pointer-container>div{position:absolute;font-size:18px;z-index:1}.QuicksortHoareAnimation_container__dPfPZ .main .pointer-container .point-k{color:#1e1f22;font-size:14px;top:100px}.QuicksortHoareAnimation_container__dPfPZ .main .pointer-container .point-l,.QuicksortHoareAnimation_container__dPfPZ .main .pointer-container .point-r{display:flex;flex-direction:column;align-items:center;justify-content:center}.QuicksortHoareAnimation_container__dPfPZ .main .numbers-container{display:flex;margin-top:10px;position:relative}.QuicksortHoareAnimation_container__dPfPZ .main .numbers-container .number{height:70px;border-radius:5px;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;background:#55a532;color:#fff;padding:5px}.QuicksortHoareAnimation_container__dPfPZ .main .numbers-container .range-L,.QuicksortHoareAnimation_container__dPfPZ .main .numbers-container .range-R{position:absolute;top:50%;left:-10px;font-size:80px;transform:translateY(calc(-50% - 6px))}.QuicksortHoareAnimation_container__dPfPZ .main .steps-desc{margin-top:100px;border:1px solid #ddd;padding:10px;border-radius:5px}