/* Field: Error */ [data-validate].is--error input, [data-validate].is--error textarea { border-color: #FF4C24; } [data-validate].is--error .form-field-icon.is--error { opacity: 1; } /* Field: Success */ [data-validate].is--success .form-field-icon.is--success { opacity: 1; } body{ --swiper-pagination-color: currentColor; --swiper-pagination-bottom: auto; --swiper-pagination-bullet-size: 0.5em; --swiper-pagination-bullet-inactive-color: currentColor; --swiper-pagination-bullet-inactive-opacity: 0.15; --swiper-pagination-bullet-horizontal-gap: 0.25em; --swiper-wrapper-transition-timing-function: cubic-bezier(0.625, 0.05, 0, 1); } .swiper-slide{ --gap: 1.25em; padding-right: var(--gap); } .swiper-slide:last-of-type{ margin-right: calc(-1 * var(--gap)); } .swiper-navigation__button{ transition: opacity 0.2s ease; } .swiper-button-disabled{ opacity: 0; pointer-events: none; }