@layer components{.circle-cutout{-webkit-mask:radial-gradient(circle at var(--badge-side) calc(var(--cutout-radius) - 2px) top calc(var(--cutout-radius) - 2px), transparent var(--cutout-radius), black var(--cutout-radius));mask:radial-gradient(circle at var(--badge-side) calc(var(--cutout-radius) - 2px) top calc(var(--cutout-radius) - 2px), transparent var(--cutout-radius), black var(--cutout-radius))}}@property --capacity{syntax:"<integer>";inherits:true;initial-value:0}@property --remainder{syntax:"<integer>";inherits:true;initial-value:0}.overflow-list-wrapper{container-type:inline-size}.overflow-list-container{--item-size:32px;--gap:4px;--capacity:round(down, (100cqi + var(--gap)) / (var(--item-size) + var(--gap)) - 1, 1);--remainder:max(calc(var(--child-count) - var(--capacity)), 0);gap:var(--gap);display:flex}.overflow-list-container>*{flex:0 0 var(--item-size)}.overflow-indicator{border-radius:100%;width:32px;height:32px;position:relative}.overflow-indicator:after{counter-reset:cap var(--remainder);content:"+" counter(cap);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@container style(--capacity:0){.overflow-list-container>:nth-child(n+1):not(.overflow-indicator){display:none}}@container style(--capacity:1){.overflow-list-container>:nth-child(n+2):not(.overflow-indicator){display:none}}@container style(--capacity:2){.overflow-list-container>:nth-child(n+3):not(.overflow-indicator){display:none}}@container style(--capacity:3){.overflow-list-container>:nth-child(n+4):not(.overflow-indicator){display:none}}@container style(--capacity:4){.overflow-list-container>:nth-child(n+5):not(.overflow-indicator){display:none}}@container style(--capacity:5){.overflow-list-container>:nth-child(n+6):not(.overflow-indicator){display:none}}@container style(--capacity:6){.overflow-list-container>:nth-child(n+7):not(.overflow-indicator){display:none}}@container style(--capacity:7){.overflow-list-container>:nth-child(n+8):not(.overflow-indicator){display:none}}@container style(--capacity:8){.overflow-list-container>:nth-child(n+9):not(.overflow-indicator){display:none}}@container style(--capacity:9){.overflow-list-container>:nth-child(n+10):not(.overflow-indicator){display:none}}@container style(--capacity:10){.overflow-list-container>:nth-child(n+11):not(.overflow-indicator){display:none}}@container style(--remainder:0){.overflow-indicator{display:none}}