/*
Pixel corner rounding styles generated with https://pixelcorners.lukeb.co.uk
Class name format: pixel-corners-<pixel_multiplier>x<radius>
*/
.pixel-corners-2x2 {
  clip-path: polygon(
    0px calc(100% - 2px),
    2px calc(100% - 2px),
    2px 100%,
    calc(100% - 2px) 100%,
    calc(100% - 2px) calc(100% - 2px),
    100% calc(100% - 2px),
    100% 2px,
    calc(100% - 2px) 2px,
    calc(100% - 2px) 0px,
    2px 0px,
    2px 2px,
    0px 2px
  );
}

.pixel-corners-2x4 {
  clip-path: polygon(
    0px calc(100% - 4px),
    2px calc(100% - 4px),
    2px calc(100% - 2px),
    4px calc(100% - 2px),
    4px 100%,
    calc(100% - 4px) 100%,
    calc(100% - 4px) calc(100% - 2px),
    calc(100% - 2px) calc(100% - 2px),
    calc(100% - 2px) calc(100% - 4px),
    100% calc(100% - 4px),
    100% 4px,
    calc(100% - 2px) 4px,
    calc(100% - 2px) 2px,
    calc(100% - 4px) 2px,
    calc(100% - 4px) 0px,
    4px 0px,
    4px 2px,
    2px 2px,
    2px 4px,
    0px 4px
  );
}

.pixel-corners-2x6 {
  clip-path: polygon(
    0px calc(100% - 8px),
    2px calc(100% - 8px),
    2px calc(100% - 4px),
    4px calc(100% - 4px),
    4px calc(100% - 2px),
    8px calc(100% - 2px),
    8px 100%,
    calc(100% - 8px) 100%,
    calc(100% - 8px) calc(100% - 2px),
    calc(100% - 4px) calc(100% - 2px),
    calc(100% - 4px) calc(100% - 4px),
    calc(100% - 2px) calc(100% - 4px),
    calc(100% - 2px) calc(100% - 8px),
    100% calc(100% - 8px),
    100% 8px,
    calc(100% - 2px) 8px,
    calc(100% - 2px) 4px,
    calc(100% - 4px) 4px,
    calc(100% - 4px) 2px,
    calc(100% - 8px) 2px,
    calc(100% - 8px) 0px,
    8px 0px,
    8px 2px,
    4px 2px,
    4px 4px,
    2px 4px,
    2px 8px,
    0px 8px
  );
}

.pixel-corners-2x8 {
  clip-path: polygon(
    0px calc(100% - 10px),
    2px calc(100% - 10px),
    2px calc(100% - 6px),
    4px calc(100% - 6px),
    4px calc(100% - 4px),
    6px calc(100% - 4px),
    6px calc(100% - 2px),
    10px calc(100% - 2px),
    10px 100%,
    calc(100% - 10px) 100%,
    calc(100% - 10px) calc(100% - 2px),
    calc(100% - 6px) calc(100% - 2px),
    calc(100% - 6px) calc(100% - 4px),
    calc(100% - 4px) calc(100% - 4px),
    calc(100% - 4px) calc(100% - 6px),
    calc(100% - 2px) calc(100% - 6px),
    calc(100% - 2px) calc(100% - 10px),
    100% calc(100% - 10px),
    100% 10px,
    calc(100% - 2px) 10px,
    calc(100% - 2px) 6px,
    calc(100% - 4px) 6px,
    calc(100% - 4px) 4px,
    calc(100% - 6px) 4px,
    calc(100% - 6px) 2px,
    calc(100% - 10px) 2px,
    calc(100% - 10px) 0px,
    10px 0px,
    10px 2px,
    6px 2px,
    6px 4px,
    4px 4px,
    4px 6px,
    2px 6px,
    2px 10px,
    0px 10px
  );
}

.pixel-corners-2x16 {
  clip-path: polygon(
    0px calc(100% - 24px),
    2px calc(100% - 24px),
    2px calc(100% - 18px),
    4px calc(100% - 18px),
    4px calc(100% - 16px),
    6px calc(100% - 16px),
    6px calc(100% - 14px),
    6px calc(100% - 12px),
    8px calc(100% - 12px),
    8px calc(100% - 10px),
    10px calc(100% - 8px),
    12px calc(100% - 8px),
    12px calc(100% - 6px),
    14px calc(100% - 6px),
    16px calc(100% - 6px),
    16px calc(100% - 4px),
    18px calc(100% - 4px),
    18px calc(100% - 2px),
    24px calc(100% - 2px),
    24px 100%,
    calc(100% - 24px) 100%,
    calc(100% - 24px) calc(100% - 2px),
    calc(100% - 18px) calc(100% - 2px),
    calc(100% - 18px) calc(100% - 4px),
    calc(100% - 16px) calc(100% - 4px),
    calc(100% - 16px) calc(100% - 6px),
    calc(100% - 14px) calc(100% - 6px),
    calc(100% - 12px) calc(100% - 6px),
    calc(100% - 12px) calc(100% - 8px),
    calc(100% - 10px) calc(100% - 8px),
    calc(100% - 8px) calc(100% - 10px),
    calc(100% - 8px) calc(100% - 12px),
    calc(100% - 6px) calc(100% - 12px),
    calc(100% - 6px) calc(100% - 14px),
    calc(100% - 6px) calc(100% - 16px),
    calc(100% - 4px) calc(100% - 16px),
    calc(100% - 4px) calc(100% - 18px),
    calc(100% - 2px) calc(100% - 18px),
    calc(100% - 2px) calc(100% - 24px),
    100% calc(100% - 24px),
    100% 24px,
    calc(100% - 2px) 24px,
    calc(100% - 2px) 18px,
    calc(100% - 4px) 18px,
    calc(100% - 4px) 16px,
    calc(100% - 6px) 16px,
    calc(100% - 6px) 14px,
    calc(100% - 6px) 12px,
    calc(100% - 8px) 12px,
    calc(100% - 8px) 10px,
    calc(100% - 10px) 8px,
    calc(100% - 12px) 8px,
    calc(100% - 12px) 6px,
    calc(100% - 14px) 6px,
    calc(100% - 16px) 6px,
    calc(100% - 16px) 4px,
    calc(100% - 18px) 4px,
    calc(100% - 18px) 2px,
    calc(100% - 24px) 2px,
    calc(100% - 24px) 0px,
    24px 0px,
    24px 2px,
    18px 2px,
    18px 4px,
    16px 4px,
    16px 6px,
    14px 6px,
    12px 6px,
    12px 8px,
    10px 8px,
    8px 10px,
    8px 12px,
    6px 12px,
    6px 14px,
    6px 16px,
    4px 16px,
    4px 18px,
    2px 18px,
    2px 24px,
    0px 24px
  );
}