.swiper-slide-container img{object-position:top;transition:object-position 4s ease-in-out}.swiper-slide-container img:hover{object-position:bottom}
.bottom-bar{background-color:var(--accent-color);color:#fff;text-align:center;cursor:pointer;z-index:10;border-radius:50px;width:90%;padding:.5rem 1rem;position:fixed;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #0003}.bottom-bar span{font-size:1rem;font-weight:700;font-family:var(--font-lexend);color:#fff;margin:0;padding-top:7px;line-height:normal;display:inline-block}.toc-popup{z-index:20;background-color:#f9f9f9;width:80%;max-width:300px;height:100%;padding:1.5rem;transition:left .3s;position:fixed;top:0;left:-100%;overflow-y:auto;box-shadow:2px 0 5px #0003}.toc-popup.open{left:0}.toc-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex;position:relative}.toc-header h4{margin:0}.close-btn{cursor:pointer;background:0 0;border:none;font-size:1.5rem}.overlay{z-index:15;background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.toc{padding:1rem 0}.toc-item{margin:.5rem 0}.toc-link{color:#0070f3;text-decoration:none}.toc-link:hover{text-decoration:underline}