.tt-module-builder{display:grid;gap:16px;width:100%;padding:18px;border:1px solid #D9E5F4;border-radius:20px;background:#f8fbff;color:#0b1f33}.tt-module-builder__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tt-module-builder__eyebrow{margin:0 0 5px;color:#397fd8;font-size:.72rem;font-weight:700;letter-spacing:.12em}.tt-module-builder__title{margin:0;color:#0b1f33;font-size:1.1rem;line-height:1.25}.tt-module-builder__help{margin:6px 0 0;color:#42576d;font-size:.9rem;line-height:1.45}.tt-module-builder__count{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#eaf3ff;color:#397fd8;font-size:.78rem;font-weight:700;white-space:nowrap}.tt-module-builder__preview{display:grid;gap:8px;padding:13px 14px;border-radius:16px;background:#fff;border:1px solid #E2EBF6}.tt-module-builder__preview-label{color:#42576d;font-size:.78rem;font-weight:600}.tt-module-builder__preview-keys{display:flex;flex-wrap:wrap;gap:6px}.tt-module-builder__preview-key,.tt-module-builder__keycap{--tt-module-accent: #C9DDF5;display:inline-flex;align-items:center;justify-content:center;color:#0b1f33;background:linear-gradient(145deg,#fff,#eaf3ff);border:2px solid var(--tt-module-accent);box-shadow:0 2px color-mix(in srgb,var(--tt-module-accent) 68%,#8AA8CB);font-weight:700;transition:border-color .16s ease,box-shadow .16s ease}.tt-module-builder__preview-key{width:31px;height:31px;border-radius:8px;font-size:.82rem}.tt-module-builder__rows{display:grid;gap:9px}.tt-module-builder__row{--tt-module-accent: #C9DDF5;display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:start;padding:10px;border-radius:14px;background:#fff;border:1px solid #E2EBF6}.tt-module-builder__row[data-complete=true]{border-color:color-mix(in srgb,var(--tt-module-accent) 52%,#D9E5F4)}.tt-module-builder__keycap{width:44px;height:44px;margin-top:22px;border-radius:10px;font-size:1rem}.tt-module-builder__fields{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) 86px;gap:9px;align-items:end;min-width:0}.tt-module-builder__field{display:grid;gap:5px;min-width:0}.tt-module-builder__field:has([data-tt-module-color]),.tt-module-builder__field--cap{grid-column:1 / span 2}.tt-module-builder__cap-sample{grid-column:3}.tt-module-builder__field label,.tt-module-builder__color-sample-label{color:#42576d;font-size:.78rem;font-weight:600}.tt-module-builder__select{width:100%;min-height:44px;margin:0;padding:9px 38px 9px 12px;color:#0b1f33;background:#fff;border:1px solid #BFCFE3;border-radius:10px;font:inherit;cursor:pointer}.tt-module-builder__select:focus-visible{outline:2px solid #5F9FF3;outline-offset:2px}.tt-module-builder__select:invalid{border-color:#bfcfe3}.tt-module-builder__select[data-complete=true]{border-color:#68a4f0;background:#f4f9ff}.tt-module-builder__visual-picker{display:flex;gap:7px;width:100%;padding:2px 1px 7px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin;scrollbar-color:#BFCFE3 transparent}.tt-module-builder__visual-picker::-webkit-scrollbar{height:6px}.tt-module-builder__visual-picker::-webkit-scrollbar-thumb{border-radius:999px;background:#bfcfe3}.tt-module-builder__visual-choice{flex:0 0 104px;display:grid;grid-template-rows:58px auto;gap:5px;min-width:0;padding:5px;scroll-snap-align:start;color:#0b1f33;background:#fff;border:1px solid #D5E1EF;border-radius:11px;box-shadow:none;font:inherit;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}.tt-module-builder__visual-picker[data-tt-visual-picker=cap] .tt-module-builder__visual-choice{flex-basis:132px}.tt-module-builder__visual-choice:hover:not(:disabled){border-color:#8bb8f1;transform:translateY(-1px)}.tt-module-builder__visual-choice:focus-visible{outline:2px solid #5F9FF3;outline-offset:2px}.tt-module-builder__visual-choice.is-selected{border-color:#397fd8;background:#f2f7ff;box-shadow:0 0 0 2px #c9ddf5}.tt-module-builder__visual-choice:disabled{cursor:default;opacity:.5}.tt-module-builder__visual-choice img{display:block;width:100%;height:58px;object-fit:cover;border-radius:8px;background:#f8fbff}.tt-module-builder__visual-choice span{display:block;overflow:hidden;color:#30485f;font-size:.68rem;font-weight:650;line-height:1.18;text-overflow:ellipsis}.tt-module-builder__visual-picker-hint{color:#708398;font-size:.68rem;line-height:1.25}.tt-module-builder__color-sample{display:grid;gap:5px;min-width:0}.tt-module-builder__color-sample-frame{position:relative;display:flex;align-items:center;justify-content:center;width:86px;height:44px;overflow:hidden;border:1px solid #D9E5F4;border-radius:10px;background:#f8fbff}.tt-module-builder__color-sample-frame img{width:100%;height:100%;object-fit:cover}.tt-module-builder__color-sample-frame span{padding:4px;color:#708398;font-size:.66rem;line-height:1.1;text-align:center}.tt-module-builder__status{display:flex;justify-content:space-between;gap:12px;color:#42576d;font-size:.78rem}.tt-module-builder__required{text-align:right}.product-details:has(.tt-module-builder) .accelerated-checkout-block,.product-details:has(.tt-module-builder) shopify-accelerated-checkout{display:none!important}@media screen and (max-width:989px){.tt-module-builder__fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tt-module-builder__field:has([data-tt-module-color]),.tt-module-builder__field--cap,.tt-module-builder__color-sample,.tt-module-builder__cap-sample{grid-column:1 / -1}.tt-module-builder__color-sample-frame{width:100%;max-width:160px;height:54px}}@media screen and (max-width:749px){.tt-module-builder{padding:15px}.tt-module-builder__header{display:grid}.tt-module-builder__count{justify-self:start}.tt-module-builder__row{grid-template-columns:38px minmax(0,1fr)}.tt-module-builder__keycap{width:38px;height:38px;margin-top:22px}.tt-module-builder__fields{grid-template-columns:1fr}.tt-module-builder__field:has([data-tt-module-color]),.tt-module-builder__field--cap,.tt-module-builder__color-sample,.tt-module-builder__cap-sample{grid-column:auto}.tt-module-builder__visual-choice{flex-basis:96px}.tt-module-builder__visual-picker[data-tt-visual-picker=cap] .tt-module-builder__visual-choice{flex-basis:122px}.tt-module-builder__color-sample-frame{max-width:none;height:58px}.tt-module-builder__status{display:grid}.tt-module-builder__required{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/tiny-tech-module-builder.css.map */