.shop-service-option{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.shop-service-option .option-item{opacity:.5;background-color:var(--gray-alpha-200);color:var(--gray-alpha-500);border:1px solid #0000;border-radius:1rem;justify-content:center;align-items:center;gap:.25rem;padding:.4rem 1rem .4rem .75rem;transition:opacity .2s,background-color .2s,color .2s,border-color .2s;display:flex}.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}}