.ss-configurator{font-family:sans-serif;max-width:600px;margin:20px 0}.ss-step{margin-bottom:15px}.ss-step label{display:block;font-weight:bold;margin-bottom:5px}.ss-disabled{opacity:.5;pointer-events:none}.ss-dropdown{position:relative;border:1px solid #ccc;border-radius:4px;background:#fff}.ss-selected{padding:10px;cursor:pointer}.ss-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ccc;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:300px;overflow-y:auto}.ss-search{width:100%;padding:8px;border:none;border-bottom:1px solid #eee;box-sizing:border-box}.ss-item{padding:10px;cursor:pointer;border-bottom:1px solid #f9f9f9}.ss-item:hover{background:#f0f0f0}.ss-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin-top:10px}.ss-swatch{border-radius:4px;height:80px;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;border:1px solid #eee;position:relative}.ss-swatch-name{background:rgba(255,255,255,.8);width:100%;text-align:center;font-size:10px;padding:2px 0;border-radius:0 0 4px 4px}