.anch_tooltip {
    visibility: hidden;
}

.anch_anchor {
  flex-wrap: wrap!important;
  align-items: center;
  /*height: 1.3rem; */
  align-content: center;
  /*border: 1px solid red!important;*/
  /*padding: 10px 20px; */
  /*background-color: #007bff; */
  /*color: white; */
  /*display: flex;
  flex-direction: row;*/
  border: none;
  cursor: pointer;
  /* Assign an anchor name */
  /*anchor-name: --my-button-anchor; */
  img {
    align-items: center;
    height: 1.3rem;
    max-width: 2rem;
  }
}

/* Style the positioned element (tooltip) */
.anch_tooltip {
  {{-- position-anchor: --my-button-anchor; --}}
  position: absolute; /* Essential for anchor positioning  fixed */
  background-color: #333;
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  visibility: hidden; /* Hide by default */
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  /* Connect to the anchor */
  /* Position the tooltip relative to the anchor */
  /* position-area: top; Place it below the button */ 
    /*position-area: top center; */
   position-area: bottom center;
   top: anchor(bottom); /* Initial positioning, e.g., below the anchor */
   left: anchor(left);
  justify-self: stretch;
  align-self: start;
  inset-area: center; /* Center horizontally within the 'bottom' area */
  position-try-fallbacks: --try-bottom-left, --try-bottom-right, --try-top-left;
  z-index: 1000;
}

.anch_anchor:hover {
  text-decoration: none;
    
}
.anch_anchor:hover + .anch_tooltip {
  visibility: visible;
  opacity: 1;
  pointer-events: auto; /* Allow interactions when visible */
}

.anch_anchor.un_flex {
    align-content: center;
    >div {
    align-content: center;
    padding: 0;
    }
    count {
      /*border-bottom: 2px solid orange;*/
      /*border-top: 2px solid greenyellow;*/
      /*border-bottom: 2px solid greenyellow;*/
    }
}
.anch_anchor.un_flex + .anch_tooltip {
  font-size: .7rem;
}

a:has(> count),a:has(> .count)   {
  position: relative;
  display: flex;

  /*display: inline-block;*/
  padding: 0;
  padding-left: .7rem!important;
  font-size: .9rem;
  font-weight: 500;
  font-family: "Ubuntu Condensed";
  background: #efefef;
  border: 0px solid #666;
  border-radius: 5px;
  height: 3rem;
  align-content: center;
  align-items: center;
  text-decoration: none;

  transition: all .5s ease-in-out;
  > count, > .count {
    height: 3rem;
    width: 2.5rem;
    max-height: 3rem;
    border-radius: 0 5px 5px 0;
    padding: .5rem;
    /*margin-left: .5rem!important;*/
    align-items: center;
    background: dodgerblue;
    color: white;
    font-weight: 700;
    margin: 0;
    margin-left: auto;
    display: inline-block;
    align-content: center;
    text-align: center;
    /*float: right;*/
        box-shadow: inset 1px 1px 20px 0px rgba(0, 0, 0, 0.859), 
          1px 1px 6px 0px #333300;
/*    box-shadow:  3px 3px 2px #777,*/
             -3px -3px 2px #444;

  }
}


h3{text-wrap:balance}h3{font-size:1.1rem}.un_flex>div{padding:1rem}<!--.outstander_item{display:inline-block;font-size:1rem;font-weight:400;letter-spacing:.08rem;padding:.4rem .9rem!important;background:#555;color:white;text-decoration:none!important;background:linear-gradient(145deg,#aaa,#cacaca);box-shadow:inset 1px 1px 20px 0 rgba(0,0,0,0.859),1px 1px 6px 0 #330;-3px -3px 2px #444}a.outstander_item{text-decoration:none}.outstander_item.small{margin:.2rem;border-radius:8px;font-weight:300;font-size:.7rem;padding:.2rem .5rem;box-shadow:2px 2px 5px #444,-2px -2px 5px #777;a{color:white}}.outstander_value_1{background:dodgerblue!important;color:white!important}[popovertarget]{border:2px solid #666;background:#444;color:#eee!important;font-size:.9rem!important;font-weight:600}.mb_popbox{width:80%;min-height:20rem;height:80%;padding:3rem;background:white;border:3px solid #444;border-radius:5px;box-shadow:10px 10px 5px 40rem rgba(0,0,0,0.55);h3,.h3{text-wrap:balance;padding:1rem;font-size:2rem !important;text-align:center;color:white;background:#888 !important}h4{text-align:center;font-weight:700;margin-bottom:1rem}}@font-face{font-display:block;font-family:bootstrap-icons;src:url("fonts/bootstrap-icons.woff2?e34853135f9e39acf64315236852cd5a") format("woff2"),url("fonts/bootstrap-icons.woff?e34853135f9e39acf64315236852cd5a") format("woff")}[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-cart3::before{content:"\f244"}.bi-file-text::before{content:"\f3b9"}:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h3,h4{margin-top:0;margin-bottom:.5rem}ul{margin-top:0;margin-bottom:1rem}b,strong{font-weight:bolder}a{color:#007bff;text-decoration:none;background-color:transparent}img{vertical-align:middle;border-style:none}button{border-radius:0}button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{overflow:visible}button{text-transform:none}button{-webkit-appearance:button}button::-moz-focus-inner{padding:0;border-style:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}h3,h4{margin-bottom:.5rem;font-weight:500;line-height:1.2}h3{font-size:1.75rem}h4{font-size:1.5rem}.small{font-size:80%;font-weight:400}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}@import url(//fonts.googleapis.com/css?family=Dosis:500|Roboto:300|Alegreya+Sans:500italic|Ubuntu+Condensed|Open+Sans:700italic,300&subset=latin,latin-ext);.un_flex{display:flex!important;flex-wrap:nowrap}.un_flex_hs{flex-direction:row;justify-content:space-around;align-items:stretch;align-content:flex-start}.un_flex_even>*{width:0;flex:1 1 auto}.un_flex_even{justify-content:spaced-between;width:100%}.un_flex_wrap{flex-wrap:wrap}.un_flex>div{flex:1 1 auto;max-width:100%}.un_flex>img{flex:1 1 16rem}@media screen and (max-width:55.5em){.un_flex_even>*{width:100%;flex-direction:column}div.un_flex_hs{flex-direction:column}}@import url(https://fonts.googleapis.com/css?family=Exo+2:ital,wght@0,700;1,800&family=IM+Fell+English&display=swap);@import url(//fonts.googleapis.com/css?family=Ubuntu+Condensed:200,600&subset=latin,latin-ext);@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Ubuntu+Condensed&display=swap');@import url('https://fonts.googleapis.com/css2?family=Sigmar&family=Sigmar+One&display=swap');div{box-sizing:border-box}h3,h4{text-wrap:balance}h3{font-size:1.1rem}h3,h4{> span {
    display: block;
    font-size: 70%;
  }}h4{font-size:1rem}.un_flex>div{padding:1rem}