:root{--cat-card--width: 250px;--cat-card--height: 160px}@media screen and (orientation:landscape) and (max-device-width: 800px){:root{--cat-card--height: 350px}}@media screen and (min-width: 800px){:root{--cat-card--width: 550px;--cat-card--height: 225px}}#category-slider .slider-container{position:absolute;width:100vw;height:auto;overflow-x:clip}#category-slider .card{--cat-card--translateY-offset: 0vh;--cat-card-rotateZ-offset: 0;display:inline-block;position:absolute;left:50%;top:50%;width:var(--cat-card--width);height:var(--cat-card--height);transition:all 1s;transform:translate(-50%,-50%) translate(var(--cat-card--translateX-offset)) translateY(var(--cat-card--translateY-offset)) rotateY(var(--cat-card--rotation-offset)) rotate(var(--cat-card-rotateZ-offset)) scale(var(--cat-card--scale-offset));opacity:var(--cat-card--opacity)}#category-slider .card-3{--current-card-rotation-offset: 0;--cat-card--translateX-offset: 0;--cat-card--rotation-offset: var(--current-card-rotation-offset);--cat-card--scale-offset: 1;--cat-card--opacity: 1;z-index:1}#category-slider .card-3 .overlay{opacity:.5}#category-slider .card-2{--cat-card--translateX-offset: calc(-1 * var(--cat-card--width) * .8);--cat-card--rotation-offset: 20deg;--cat-card--scale-offset: .5;--cat-card--opacity: .5;cursor:pointer}#category-slider .card-4{--cat-card--translateX-offset: calc(var(--cat-card--width) * .8);--cat-card--rotation-offset: -20deg;--cat-card--scale-offset: .5;--cat-card--opacity: .5;cursor:pointer}#category-slider .card-4.fadeIn{--cat-card--opacity: 0;animation:fadeIn50 .3s ease-in 1 forwards;animation-delay:.2s}.fadeOut{animation:fadeOut50 .3s ease-out 1 forwards}#category-slider .card-0{--cat-card--translateX-offset: calc(-1 * var(--cat-card--width) * 2.2);--cat-card--rotation-offset: 60deg;--cat-card--scale-offset: .6;--cat-card--opacity: .5}#category-slider .card-1{--cat-card--translateX-offset: calc(-1 * var(--cat-card--width) * 1.5);--cat-card--rotation-offset: 40deg;--cat-card--scale-offset: .6;--cat-card--opacity: .5}#category-slider .card-5{--cat-card--translateX-offset: calc(var(--cat-card--width) * 1.5);--cat-card--rotation-offset: -40deg;--cat-card--scale-offset: .6;--cat-card--opacity: .5}#category-slider .card-6,#category-slider .card:nth-child(n+7){--cat-card--translateX-offset: calc(var(--cat-card--width) * 2.2);--cat-card--rotation-offset: -60deg;--cat-card--scale-offset: .6;--cat-card--opacity: .5}@media screen and (max-width: 768px){#category-slider .card-2{--cat-card--translateX-offset: calc(-1 * var(--cat-card--width) * .76);--cat-card--translateY-offset: -8%;--cat-card-rotateZ-offset: -4deg;--cat-card--scale-offset: .4}#category-slider .card-4{--cat-card--translateX-offset: calc(var(--cat-card--width) * .76);--cat-card--translateY-offset: -8%;--cat-card-rotateZ-offset: 4deg;--cat-card--scale-offset: .4}}#category-slider .card .card-text,#category-slider .card .card-link{opacity:0;transition:opacity .4s;transition-delay:.5s}#category-slider .card .card-link{transition-delay:.6s}#category-slider .card.card-3 .card-text,#category-slider .card.card-3 .card-link{opacity:1}@keyframes fadeIn50{0%{opacity:0}to{opacity:.5}}@keyframes fadeOut50{0%{opacity:.5}to{opacity:0}}