:root{--black:#000;--dark:#0F0F0F;--dark-gray:#1A1A1A;--red:#D00B12;--dark-red:#BF0007;--medium-gray:#C0C0C0;--light-gray:#E8E8E8;--white:#FFF;--white-60:#FFFFFF60;--gray:#272727;--red-line:#C70929;--yellow-line:#E87611;--red-green-line:#FF1939;--green-line:#0B7507;--brown-line:#712923}.transition-product{width:100%;display:flex;align-items:center;justify-content:space-between;width:auto;max-width:400px;height:64px;padding-left:12px;padding-right:8px;border-radius:16px;color:var(--dark);background:linear-gradient(90deg,var(--light-gray) 50%,var(--white) 0);background-size:200% 200%;box-shadow:0 4px 10px 0 rgba(0,0,0,.1607843137),0 18px 18px 0 rgba(0,0,0,.1411764706),0 40px 24px 0 rgba(0,0,0,.0784313725),0 71px 28px 0 rgba(0,0,0,.0196078431),0 111px 31px 0 rgba(0,0,0,0)}.transition-product:hover>svg{color:var(--red)}.transition-product__description{opacity:.6;margin-top:8px}.transition-product__wrapper{display:flex;align-items:center;gap:12px}.transition-product__arrow{font-size:40px;transition:all .4s}.transition-product_animate{animation-name:slider-timer;animation-timing-function:linear}@keyframes slider-timer{0%{background-position:100% 0}to{background-position:0 0}}@media screen and (min-width:1000px){.transition-product{height:72px;padding-left:12px;padding-right:16px;border-radius:20px}}