/* Citations.css is a place to centralize styling directives for references to other sites and authors. */
/* Read more about citations.css here - https://shellsharks.com/notes/2026/02/17/citations-css */

:root {

/*Shellsharks*/
.shellsharks-com {
    color:#CA3342;
}

/*Cory Dransfeldt*/
.coryd-dev {
    background-color: light-dark(#3364ff,#6b9eff);
    border-radius: 0.25rem;
    color: light-dark(#f9fafb,#14161a);
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}

/*Flamed Fury*/
.flamedfury-com {
    background:linear-gradient(45deg, rgb(202,89,53), rgb(238,137,71));
    color:transparent;
    background-clip:text;
    -webkit-background-clip: text;
}

/*Robb Knight*/
.rknight-me {
    color: #f6abd6;
    font-family: 'Atkinson Hyperlegible';
    font-weight:bolder;
}

/* Reilly Spitzfaden */
.reillyspitzfaden-com { color:#edabcf; }

/* benji.dog */
.benji-dog { color: #ffa368; }

/* Villa Pirorum */

@layer badge {

  @property --badge-border-angle {
    syntax:         "<angle>";
    inherits:       true;
    initial-value:  0deg;
  }
  @keyframes badge-border-angle-frames {
    100% {
      --badge-border-angle: 360deg;
    }
  }

  .villepreux-net {

    position:         relative;
    isolation:        isolate;
    vertical-align:   middle;

    padding:          .125em .25em .125em .25em;
    display:          inline-flex;
    align-items:      center;
    justify-content:  center;
    gap:              .25em;

    line-height:      1;
    font-family:      sans-serif;
    font-size:        1em;
    font-weight:      normal;
    white-space:      nowrap;

    background:       var(--badge-bg-color,   Canvas);
    color:            var(--badge-text-color, currentColor);

    border:           solid .125em transparent;
    border-color:     var(--badge-text-color, currentColor);
    border-radius:    .33em 0 .33em 0;

    @media (prefers-reduced-motion: no-preference) {

      animation: badge-border-angle-frames var(--badge-border-anim-duration, 6.66s) infinite linear;
    }

    * {

      display: inline;
    }

    > *:has(*) {

      display:          inline-flex;
      flex-direction:   column;
      align-items:      flex-start;
      justify-content:  center;

      font-size:        .5em;

      :last-child {

        font-weight: bold;
      }
    }

    &:has(> :first-child > :nth-child(2)) {

      border-radius: 0 .33em 0 .33em;

      > :first-child {

        align-items: flex-end;
      }
    }
    
    a:has(> &) {
      
      display: inline-flex;
      text-decoration: none;
    }

  }

  /*@container style(--badge-border-gradient) {*/
    
    .villepreux-net {
      
    border:           var(--badge-border-width, .125em) solid transparent;
    background:       linear-gradient(var(--badge-bg-color, Canvas) 0 0) padding-box, conic-gradient(from var(--badge-border-angle, 0deg), var(--badge-border-gradient)) border-box;

      
    }
    
  /* } */
  
}
.villepreux-net {

  color-scheme: light dark;
  
  color: light-dark(purple, pink);   
  --badge-border-gradient: light-dark(blue, cyan), light-dark(red, deeppink), light-dark(red, hotpink), light-dark(blue, cyan); 
  
}

}