.shop-service-option{display:flex;flex-wrap:wrap;width:100%;gap:.5rem}.shop-service-option .option-item{display:flex;align-items:center;justify-content:center;opacity:.5;background-color:var(--gray-alpha-200);color:var(--gray-alpha-500);border-radius:1rem;padding:.4rem 1rem .4rem .75rem;border:1px solid rgba(0,0,0,0);gap:.25rem;transition:opacity .2s,background-color .2s,color .2s,border-color .2s}.shop-service-option .option-item:not(.read-only){cursor:pointer}.shop-service-option .option-item.selected{opacity:1;background-color:var(--background);color:var(--dialog-color);border-color:var(--dialog-color)}.shop-service-option .option-item .option-icon{display:flex}.shop-service-option .option-item .option-icon svg{font-size:1.25rem}.shop-service-option .option-item .option-name{font-size:.875rem}@media(hover:hover)and (pointer:fine){.shop-service-option .option-item:not(.read-only):hover{opacity:.8}}