@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.product-flag {
  font-size: 0.75rem;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0.2em 1em;
  margin-right: 0.5em;
  letter-spacing: 0.5px;
  -webkit-clip-path: polygon(0 0%, 100% 0, 95% 100%, 0 100%);
  clip-path: polygon(0 0%, 100% 0, 95% 100%, 0 100%);
  margin-bottom: 1em; }
  @media (max-width: 1200px) {
    .product-flag {
      font-size: 0.7rem; } }
  @media (max-width: 768px) {
    .product-flag {
      font-size: 0.65rem; } }
  .product-flag.product-flag-discontinued {
    background-color: #d10400;
    color: #ffffff; }
  .product-flag.product-flag-new {
    background-color: #a5cd38;
    color: #000000; }
  .product-flag.product-flag-coming {
    background-color: #464646;
    color: #ffffff; }
  .product-flag.product-flag-custom-logo {
    background-color: #396a00;
    color: #ffffff; }
  .product-flag.product-flag-bestseller {
    background-color: #0073e6;
    color: #ffffff;
    padding-left: 0.5em; }
    .product-flag.product-flag-bestseller::before {
      content: '\f005';
      font-family: 'FontAwesome', serif;
      font-weight: 600;
      margin-right: 0.5em; }
  .product-flag.product-flag-new-color {
    background-image: linear-gradient(125deg, #a5cd38, #ff4c00); }
  .product-flag.product-flag-new-size {
    background-color: #004489;
    color: #ffffff; }
  .product-flag.product-flag-new-options {
    background-color: #004489;
    color: #ffffff; }
  .page--custom-logo .product-flag.product-flag-custom-logo {
    display: none; }