.variation-block .wrapper{display:flex;flex-direction:column}.variation-block .title{display:flex;justify-content:center;text-align:center}.variation-block .variation-wrap{display:flex;gap:30px}.variation-block .variation{display:flex;flex-direction:column;flex:1;padding:30px;gap:30px;border-radius:10px}.variation-block.white-bg .variation{background:var(--background-thirdly)}.variation-block.light-bg .variation{background:var(--head-secondary)}.variation-block.dark-bg .variation{background:var(--background-fourth)}.variation-block .variation img{width:42px;height:42px}.variation-block .variation .text-wrap{display:flex;flex-direction:column;gap:10px}.variation-block .variation .text-wrap .variation__desc{color:var(--main-text-primary)}.variation-block.dark-bg .variation .text-wrap .variation__desc{color:var(--main-text-secondary)}.variation-block .variation .count{color:var(--primary)}@media (max-width:1480px){.variation-block .variation-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width:1100px){.variation-block .variation-wrap{grid-template-columns:repeat(2,1fr);gap:20px}.variation-block .variation{padding:20px;gap:20px}}@media (max-width:512px){.variation-block .variation-wrap{grid-template-columns:1fr;gap:10px}.variation-block .variation img{width:30px;height:30px}}@media (max-width:420px){.variation-block .variation{gap:10px}.variation-block .variation img{width:20px;height:20px}}