.tds-start{display:flex;flex-direction:column;gap:20px}.tds-start h2{margin:0;font-size:18px;font-weight:500;color:#176f68}.tds-start-group{display:flex;flex-direction:column;gap:10px}.tds-start-head{display:flex;align-items:center;gap:10px}.tds-start-color-name{padding:3px 8px;border-radius:6px;background:#9aa4a8;color:#fff;font-size:12px;font-weight:600}.tds-start-color-name:empty{display:none}.tds-start-colors{display:flex;flex-wrap:wrap;gap:8px;padding:4px;margin:-4px}.tds-start-swatch{position:relative;cursor:pointer}.tds-start-swatch input{position:absolute;opacity:0;pointer-events:none}.tds-start-swatch span{display:block;width:32px;height:32px;border-radius:6px;border:1px solid rgba(0,0,0,.25);box-shadow:0 0 0 2px #fff;transition:box-shadow .2s}.tds-start-swatch input:checked+span{box-shadow:0 0 0 2px #fff,0 0 0 4px #176f68}.tds-start-swatch input:focus-visible+span{box-shadow:0 0 0 2px #fff,0 0 0 4px #135c56}.tds-start-swatch.is-unavailable{cursor:not-allowed;opacity:.4}.tds-start-swatch.is-unavailable span{background-image:linear-gradient(to top right,transparent calc(50% - 1px),#c0392b calc(50% - 1px),#c0392b calc(50% + 1px),transparent calc(50% + 1px))!important}.tds-start-sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.tds-start-size{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.tds-start-size.has-count .tds-start-size-label{background:#e2efed;color:#176f68}.tds-start-size.is-unavailable{opacity:.45}.tds-start-size-label{display:flex;align-items:center;justify-content:center;height:38px;border-radius:8px;background:#dfe6e8;color:#8aa0a6;font-weight:600;transition:background .2s,color .2s}.tds-start-stepper{display:inline-flex;align-items:stretch;height:38px;border:1px solid #dde3e7;border-radius:8px;overflow:hidden;background:#fff}.tds-start-stepper button{width:30px;border:0;background:none;color:#7b8a97;font-size:18px;cursor:pointer}.tds-start-stepper button:disabled{color:#c9d2d8;cursor:default}.tds-start-stepper input{width:36px;border:0;border-left:1px solid #dde3e7;border-right:1px solid #dde3e7;text-align:center;font-size:14px;color:#22333d;background:none}.tds-start-row{display:flex;align-items:center;gap:16px}.tds-start-row .tds-start-stepper{height:48px}.tds-start-row .tds-start-stepper button{width:40px}.tds-start-row .tds-start-stepper input{width:44px}.tds-start-row .tds-start-submit{flex:1}.tds-start-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border:0;border-radius:8px;background:#facd46;color:#22333d;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}.tds-start-submit:disabled{opacity:.5;cursor:not-allowed}.tds-start-submit.is-busy{cursor:progress}.tds-start-error{margin:0;color:#c0392b;font-size:14px}.tds-start-unavailable p{margin:0;padding:14px 16px;border-radius:8px;background:#fdf0f0;color:#8a1f1f}