:root{--pill-height: 42px;--pill-background: #fff;--pill-colour: #51247a;--pill-font-size: 1rem;--pill-padding: 12px 1rem}.uq-pill{display:inline-block;align-items:center;border:1px solid var(--pill-colour);color:var(--pill-colour);padding:var(--pill-padding);height:var(--pill-height);border-radius:calc(var(--pill-height)/2);-webkit-text-decoration:none;text-decoration:none;background-color:var(--pill-background);font-size:var(--pill-font-size);font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;line-height:1}.uq-pill:hover{-webkit-text-decoration:underline;text-decoration:underline;background-color:var(--pill-background);color:var(--pill-colour);cursor:pointer}.uq-pill:has(:focus-visible){outline:4px solid #0d6dcd;outline-offset:-1px}.uq-pill input{position:absolute !important;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;word-wrap:normal;margin:0;padding:0}.uq-pill--active,.uq-pill:has(:checked){--pill-background: #eee9f2;border-color:rgba(0,0,0,0)}.uq-pill:has(input[type=checkbox]:checked){padding-right:.5rem}.uq-pill:has(input[type=checkbox]:checked)::after{content:"";height:24px;width:24px;display:inline-block;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m8 8 8 8M16 8l-8 8' stroke='%2351247a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e");margin-block:-6px;margin-left:.25rem}.uq-pill-list{display:flex;flex-direction:column;gap:1rem}@media(min-width: 34rem){.uq-pill-list{flex-direction:row;gap:1.5rem}}.uq-pill-list__title{margin:0;font-size:1.125rem}@media(min-width: 34rem){.uq-pill-list__title{margin-top:.5rem}}.uq-pill-list__content{display:flex;flex-wrap:wrap;gap:1rem}