#main .section.before-after-section--viewport.swatch-canvas-section:has(swatch-repeat){background:var(--swatch-palette-gradient, linear-gradient(135deg, #e5e5e5, #f4f4f4));height:auto;min-height:0;max-height:none}.swatch-canvas:has(swatch-repeat){height:auto;grid-template-rows:auto auto}.swatch-repeat{display:grid;grid-template-columns:clamp(145px,18vw,270px) minmax(0,1fr);gap:clamp(22px,3vw,44px);align-items:start;min-width:0;color:var(--swatch-ink)}.swatch-repeat__sample{margin:0;padding:8px;background:var(--swatch-paper);border:1px solid rgb(37 37 37 / 20%);border-radius:16px;min-width:0}.swatch-repeat__original{aspect-ratio:1;overflow:hidden;border-radius:8px}.swatch-repeat__original :is(picture,.metafield-file_reference){display:block;height:100%;width:100%}.swatch-repeat__original :is(img,svg){display:block;width:100%;height:100%;object-fit:contain}.swatch-repeat__sample figcaption{padding:12px 4px 4px;font-size:16px;line-height:1.4}.swatch-repeat__sample figcaption span{display:block;margin-top:3px;font-size:12px;opacity:.7}.swatch-repeat__preview{min-width:0}.swatch-repeat__field{position:relative;isolation:isolate;height:clamp(300px,34vw,560px);overflow:hidden;border-radius:18px;background-color:var(--swatch-paper);background-repeat:repeat;background-position:0 0;background-size:var(--tile-width) var(--tile-height);-webkit-touch-callout:none}.swatch-repeat__fallback{position:absolute;top:0;right:0;bottom:0;left:0}.swatch-repeat__fallback :is(picture,.metafield-file_reference){display:block;width:100%;height:100%}.swatch-repeat__fallback :is(img,svg){width:100%;height:100%;object-fit:cover}.swatch-repeat__grid{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,#5d7c97 1px,transparent 1px),linear-gradient(to bottom,#5d7c97 1px,transparent 1px);background-size:var(--tile-width) var(--tile-height);background-position:0 0}.swatch-repeat[data-edges] .swatch-repeat__grid{display:block}.swatch-repeat__tools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding-top:16px;font-size:14px;line-height:1.5}.swatch-repeat__tools[hidden],.swatch-repeat__fallback[hidden]{display:none}.swatch-repeat__scale{display:grid;grid-template-columns:1fr auto;gap:3px 12px}.swatch-repeat output{font-variant-numeric:tabular-nums}.swatch-repeat input[type=range]{grid-column:1 / -1;width:160px;max-width:100%;height:28px;margin:0;accent-color:#333;cursor:pointer}.swatch-repeat__toggle{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.swatch-repeat input[type=checkbox]{-webkit-appearance:auto;appearance:auto;width:16px;height:16px;margin:0;accent-color:#333}.swatch-repeat img{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media(max-width:699px){.swatch-repeat{grid-template-columns:minmax(0,1fr);gap:18px}.swatch-repeat__sample{display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;padding:6px 14px 6px 6px;border-radius:12px}.swatch-repeat__original{width:76px;flex:none}.swatch-repeat__sample figcaption{padding:0}.swatch-repeat__field{height:270px}.swatch-repeat__tools{font-size:12px;gap:8px 12px}.swatch-repeat input[type=range]{width:140px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/swatch-repeat.css.map */