[x-cloak] {
  display: none; }

.ymm-section {
  padding: 75px 0; }

.ymm-section .variant-wrapper {
  display: block; }
  @media only screen and (min-width: 769px) {
    .ymm-section .variant-wrapper {
      display: inline-block; } }

.ymm-section .variant-wrapper select {
  width: 200px; }
  @media only screen and (min-width: 769px) {
    .ymm-section .variant-wrapper select {
      width: 300px; } }

.my-ymm {
  margin-top: 20px; }

.my-ymm--no-fit {
  color: #d02e2e; }

.my-ymm--fit {
  color: #56ad6a; }