h2[data-v-e802b52c]{font-weight:700;font-size:1.3em;margin-bottom:10px}.badges-type[data-v-e802b52c]{margin-top:40px}.badges-grid[data-v-e802b52c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px}.badge-item[data-v-e802b52c]{text-align:center}.badge-image[data-v-e802b52c]{max-width:100px;max-height:100px}.badge-description[data-v-e802b52c]{margin-top:-15px;font-weight:700}.badge-disabled[data-v-e802b52c]{opacity:.3}.circle-icon[data-v-e802b52c]{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0;position:relative;bottom:25px;transition:background-color .2s ease;cursor:pointer}.action-icon[data-v-e802b52c]{color:#fff;font-size:1.7rem;font-weight:700;margin-bottom:6px}.filter-options{display:flex;justify-content:center;margin-bottom:10px}.filter-options span{padding:5px 10px;margin:0 5px;cursor:pointer;border:1px solid #ccc;border-radius:4px}.filter-options span.left-button{margin-right:0;border:2px solid #ccc;border-right:0 solid #ccc;border-radius:4px 0 0 4px}.filter-options span.middle-button{margin:0 0;border:2px solid #ccc;border-right:0 solid #ccc;border-left:1px solid #ccc;border-radius:0 0 0 0}.filter-options span.right-button{margin-left:0;border:2px solid #ccc;border-left:1px solid #ccc;border-radius:0 4px 4px 0}.filter-options input{border:none;outline:none;padding:5px}.filter-options span.selected{background-color:#007bff;color:#fff;border-color:#007bff}.filter-badge-image{max-width:50px;max-height:50px}.filter-badge-description{margin-top:-5px;font-size:.8em;font-weight:700}.filter-badge-disabled{opacity:.3}.circle-letter{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;background-color:#4caf50;color:#fff;font-weight:700;font-size:14px}