.carousel{width:100%}.carousel__viewport{position:relative}.carousel__track-wrap{overflow:hidden;border-radius:var(--radius-lg);padding:4px}.carousel__track{display:flex;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.carousel__slide{min-width:0}.carousel__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:var(--color-bg-card);display:grid;place-items:center;box-shadow:var(--shadow-md);z-index:2;transition:all var(--transition);border:none;cursor:pointer;font-size:20px;color:var(--color-text)}.carousel__nav:hover{background:var(--color-brand);color:var(--color-bg-card)}.carousel__nav--prev{left:-24px}.carousel__nav--next{right:-24px}.carousel__nav:disabled{opacity:.4;cursor:not-allowed}.carousel__dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.carousel__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:all var(--transition);border:none;cursor:pointer;padding:0}.carousel__dot--active{width:28px;border-radius:var(--radius-full);background:var(--color-brand)}@media(max-width:760px){.carousel__nav{width:36px;height:36px;font-size:16px}.carousel__nav--prev{left:-18px}.carousel__nav--next{right:-18px}}@media(max-width:440px){.carousel__nav{width:32px;height:32px;font-size:14px}.carousel__nav--prev{left:-16px}.carousel__nav--next{right:-16px}.carousel__dots{margin-top:20px;gap:6px}.carousel__dot{width:6px;height:6px}.carousel__dot--active{width:20px}}