<commit_before>// Keep these in sync with photoSlideshow.tsx:
$PHOTO_INTERVAL: 60s;
$FADE_IN_DURATION: 5s;

.root
{
   .photo
   {
      position: absolute;
      width: 100vw;
      height: 100vh;
      cursor: none;
      opacity: 0;
      transition: opacity $FADE_IN_DURATION linear, transform ($PHOTO_INTERVAL + $FADE_IN_DURATION) linear;

      &.visible
      {
         opacity: 1;
         transform: scale(1.3);
      }

      img
      {
         width: 100%;
         height: 100%;
         object-fit: cover;
      }
   }

   label
   {
      display: block;
      position: absolute;
      white-space: nowrap;
      color: #fff9;
      background-color: #0003;
      backdrop-filter: blur(5px);
      padding: 4px 9px;
      border-radius: 5px;
      font-size: 16px;
      line-height: 16px;
      opacity: 0;
      transition: opacity $FADE_IN_DURATION linear;

      &.visible
      {
         opacity: 1;
      }

      $margin: 10px;

      &.pos0 { left:  $margin; top:    $margin; }
      &.pos1 { right: $margin; top:    $margin; }
      &.pos2 { right: $margin; bottom: $margin; }
      &.pos3 { left:  $margin; bottom: $margin; }
   }
}<commit_msg>Fix photoSlideshow unequal label padding<commit_after>// Keep these in sync with photoSlideshow.tsx:
$PHOTO_INTERVAL: 60s;
$FADE_IN_DURATION: 5s;

.root
{
   .photo
   {
      position: absolute;
      width: 100vw;
      height: 100vh;
      cursor: none;
      opacity: 0;
      transition: opacity $FADE_IN_DURATION linear, transform ($PHOTO_INTERVAL + $FADE_IN_DURATION) linear;

      &.visible
      {
         opacity: 1;
         transform: scale(1.3);
      }

      img
      {
         width: 100%;
         height: 100%;
         object-fit: cover;
      }
   }

   label
   {
      display: block;
      position: absolute;
      white-space: nowrap;
      color: #fff9;
      background-color: #0003;
      backdrop-filter: blur(5px);
      padding: 3px 9px;
      border-radius: 5px;
      font-size: 16px;
      line-height: 16px;
      cursor: none;
      opacity: 0;
      transition: opacity $FADE_IN_DURATION linear;

      &.visible
      {
         opacity: 1;
      }

      // Until CSS leading-trim is implemented, this little trick vertically centers the text in the label:
      &::before
      {
         content: "";
         vertical-align: middle;
      }

      $margin: 10px;

      &.pos0 { left:  $margin; top:    $margin; }
      &.pos1 { right: $margin; top:    $margin; }
      &.pos2 { right: $margin; bottom: $margin; }
      &.pos3 { left:  $margin; bottom: $margin; }
   }
}
{'fraction_non_alphanumeric': 0.1201235998455002, 'fraction_numerical': 0.03089996137504828, 'mean_word_length': 1.8430296377607025, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1054215', 'n_tokens_mistral': 959, 'n_tokens_neox': 874, 'n_words': 217}