.tnz-composite-components{display:grid;gap:18px;margin:20px 0}.tnz-composite-component{border:1px solid #e2e2e2;border-radius:10px;padding:18px}.tnz-composite-component legend{padding:0 8px}.tnz-composite-attribute{margin:14px 0}.tnz-composite-attribute>label{display:block;font-weight:600;margin-bottom:7px}.tnz-composite-options{display:flex;flex-wrap:wrap;gap:8px}.tnz-composite-option{appearance:none;background:#fff;border:1px solid #cfcfcf;border-radius:7px;cursor:pointer;line-height:1.2;padding:9px 13px}.tnz-composite-option:hover{border-color:#777}.tnz-composite-option.is-selected{border-color:#111;box-shadow:0 0 0 1px #111;font-weight:600}.tnz-composite-option:disabled{cursor:not-allowed;opacity:.3;text-decoration:line-through}.tnz-composite-select--visual{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.tnz-composite-attribute--swatches .tnz-composite-option{border-radius:999px;padding:9px 15px}.tnz-composite-option--swatch{align-items:center;display:inline-flex;gap:8px}.tnz-composite-option__sample{background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid rgba(0,0,0,.15);border-radius:50%;display:inline-block;height:26px;width:26px;flex:0 0 26px}.tnz-composite-fixed{display:block;margin-top:8px}.tnz-composite-component--complete{border-color:#b8b8b8}@media(max-width:767px){.tnz-composite-component{padding:14px}.tnz-composite-option{padding:9px 11px;font-size:14px}}