User:Alistair3149/sandbox/componenttest/template/styles.css

.template-component { position: relative; background-color: var( --color-surface-2 ); border-radius: var( --border-radius--medium ); display: grid; grid-template-columns: 3rem auto; }

.template-component__hardpoint { display: grid; place-content: center; background-color: var( --color-surface-3 ); border-top-left-radius: var( --border-radius--medium ); border-bottom-left-radius: var( --border-radius--medium ); }

.template-component__count { position: absolute; top: -0.5rem; right: -0.5rem; padding: 0.125rem 0.5rem; color: var( --color-base--emphasized ); background-color: var( --color-primary ); border-radius: 1000px; font-size: 0.8125rem; font-weight: 500; }