.phd-carousel-container{position:relative;width:100%}.phd-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:40px;height:40px;border-radius:50%;background:rgb(0 0 0 / .8);border:1px solid rgb(255 255 255 / .15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.3s ease;outline:none;box-shadow:0 4px 10px rgb(0 0 0 / .5)}.phd-carousel-container:hover .phd-carousel-btn{opacity:1}.phd-carousel-btn:hover{background:var(--color-accent);border-color:var(--color-accent)}.phd-carousel-btn .dashicons{font-size:20px;width:20px;height:20px}.phd-prev{left:10px}.phd-next{right:10px}.phd-carousel-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;cursor:-webkit-grab}.phd-carousel-track::-webkit-scrollbar{display:none}.phd-carousel-track.active{cursor:grabbing;cursor:-webkit-grabbing;scroll-snap-type:none;scroll-behavior:auto}.phd-carousel-track .phd-card{flex:0 0 auto;scroll-snap-align:start;user-select:none;-webkit-user-drag:none}.phd-carousel-track .phd-card img{pointer-events:none}.phd-carousel-track .phd-card-vertical{width:180px}.phd-carousel-track .phd-card-square{width:220px}@media (max-width:900px){.phd-carousel-track{gap:10px}.phd-carousel-track .phd-card-vertical{width:140px}.phd-carousel-track .phd-card-square{width:160px}.phd-carousel-btn{display:none!important}}.phd-carousel-container::after{content:'';position:absolute;top:0;right:0;bottom:20px;width:60px;background:linear-gradient(to right,transparent,var(--color-bg));pointer-events:none;opacity:1;z-index:5}