.kf-builder{padding:var(--s-7)}.kf-builder__inner{max-width:1400px;margin:0 auto}.kf-builder__layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s-7);align-items:start}.kf-preview{position:sticky;top:var(--s-7);background:var(--kf-paper);border:var(--b-rule);padding:var(--s-5)}.kf-preview__svg-wrap{aspect-ratio:5 / 6;display:grid;place-items:center}.kf-preview__svg-wrap[hidden]{display:none}.kf-preview svg{width:100%;height:auto;max-width:100%}.kf-preview svg #shirt-body,.kf-preview svg #splat-primary,.kf-preview svg #splat-secondary,.kf-preview svg #cuff,.kf-preview svg #neck-rib,.kf-preview svg #flag-tag,.kf-preview svg rect{transition:fill var(--t-mid) var(--ease-out)}.kf-preview__caption{margin-top:var(--s-3);display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.6}.kf-preview__caption .kf-preview__id{color:var(--kf-red)}.kf-configure{display:flex;flex-direction:column;gap:var(--s-5)}.kf-configure__heading{font-family:Anton,Impact,sans-serif;font-size:var(--fs-display-md);text-transform:uppercase;line-height:.9;margin:0 0 var(--s-3) 0}.kf-configure__lede{font-size:var(--fs-body);margin:0 0 var(--s-5) 0;max-width:50ch}.kf-score{display:grid;grid-template-columns:1fr auto auto 1fr;gap:var(--s-3);align-items:end;margin-bottom:var(--s-4)}.kf-score__team{display:flex;flex-direction:column;gap:var(--s-1)}.kf-score__team .field__label{margin-bottom:0}.kf-score__team input{font-family:Anton,Impact,sans-serif;font-size:38px;text-align:center;text-transform:uppercase;padding:8px 6px;border:var(--b-rule);background:var(--kf-paper);letter-spacing:1px}.kf-score__nums{display:grid;grid-template-columns:repeat(2,80px);gap:var(--s-3)}.kf-score__nums label{display:flex;flex-direction:column;gap:4px;align-items:center}.kf-score__nums input{width:80px;height:80px;font-family:Anton,Impact,sans-serif;font-size:56px;text-align:center;border:var(--b-rule-2);background:var(--kf-paper)}.kf-score__nums .field__label{font-size:9px}.kf-score__vs{font-family:Anton,Impact,sans-serif;font-size:20px;align-self:center;padding-top:24px;opacity:.4}.kf-fate{display:inline-flex;align-items:center;gap:var(--s-2);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;border:var(--b-rule);padding:6px 10px;background:var(--kf-paper);cursor:pointer;transition:all var(--t-fast);align-self:flex-start}.kf-fate:hover{background:var(--kf-yellow)}.kf-phrase{display:flex;flex-direction:column;gap:var(--s-2)}.kf-phrase__select,.kf-fixture-select,.kf-country-select,.kf-date-select{width:100%;font-family:Space Grotesk,sans-serif;font-size:16px;padding:14px 40px 14px 16px;background:var(--kf-paper);color:var(--kf-ink);border:var(--b-rule);border-radius:2px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' stroke='black' fill='none' stroke-width='2'/></svg>");background-repeat:no-repeat;background-position:right 16px center}.kf-link-btn{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}.kf-link-btn:hover{opacity:.7}.kf-score__nums--standalone{display:flex;align-items:end;gap:var(--s-3)}.kf-phrase__input{width:100%;font-family:"Instrument Serif",serif;font-style:italic;font-size:22px;padding:14px 16px;background:var(--kf-paper);color:var(--kf-ink);border:var(--b-rule);letter-spacing:-.01em}.kf-phrase__input:focus{outline:none;border-color:var(--kf-red);border-width:2px;padding:13px 15px}.kf-phrase__input.is-error{border-color:var(--kf-red);background:#ffe3dc}.kf-phrase__error{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--kf-red);letter-spacing:1px;text-transform:uppercase;min-height:1em}.kf-phrase__row{display:flex;justify-content:space-between;align-items:center}.kf-phrase__remaining{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;opacity:.6}.kf-phrase__mode-toggle{background:transparent;border:none;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;padding:2px 4px;border-bottom:1px solid var(--kf-ink);align-self:flex-start}.kf-phrase__mode-toggle:hover{color:var(--kf-red);border-color:var(--kf-red)}.kf-story-picker{width:100%;font-family:Space Grotesk,sans-serif;font-size:16px;padding:14px 16px;background:var(--kf-paper);color:var(--kf-ink);border:var(--b-rule)}.kf-story-picker optgroup{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase}.kf-sizes{display:flex;gap:var(--s-2);flex-wrap:wrap}.kf-sizes button{font-family:Anton,Impact,sans-serif;font-size:18px;letter-spacing:1px;text-transform:uppercase;padding:12px 18px;border:var(--b-rule);background:var(--kf-paper);color:var(--kf-ink);cursor:pointer;min-width:56px;transition:all var(--t-fast)}.kf-sizes button:hover{background:var(--kf-yellow)}.kf-sizes button[aria-pressed=true]{background:var(--kf-ink);color:var(--kf-paper)}.kf-sizes button:disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}.kf-qty{display:flex;align-items:center;gap:var(--s-2)}.kf-qty input{width:60px;text-align:center;font-family:Anton,Impact,sans-serif;font-size:22px;padding:10px 4px;border:var(--b-rule)}.kf-cta-row{margin-top:var(--s-5);border-top:var(--b-rule-2);padding-top:var(--s-5)}.kf-cta-row .btn[disabled]{opacity:.4;cursor:not-allowed}.kf-cta-row .btn[disabled]:hover{background:var(--kf-red)}.kf-cta-meta{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-top:var(--s-3);opacity:.6}@media(max-width:980px){.kf-builder{padding:var(--s-5) var(--s-4)}.kf-builder__layout{grid-template-columns:1fr}.kf-preview{position:static;margin-bottom:var(--s-5)}.kf-score{grid-template-columns:1fr;gap:var(--s-4)}.kf-score__nums{justify-self:center}.kf-score__vs{display:none}.kf-cta-row{position:sticky;bottom:0;background:var(--kf-paper);margin:0 -16px;padding:var(--s-3) var(--s-4) var(--s-4);border-top:var(--b-rule);z-index:10}}.kf-preview__mockup{width:100%;height:auto;display:block;max-width:100%}.kf-preview__mockup[hidden]{display:none}.kf-preview__face-toggle{position:absolute;bottom:var(--s-3);right:var(--s-3);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:6px 10px;border:var(--b-rule);background:var(--kf-paper);color:var(--kf-ink);cursor:pointer;transition:all var(--t-fast)}.kf-preview__face-toggle:hover{background:var(--kf-ink);color:var(--kf-paper)}.kf-preview{position:relative}.kf-preview__back-stage{position:relative;display:block;width:100%;line-height:0}.kf-preview__back-stage[hidden]{display:none}.kf-preview__back-stage img{width:100%;height:auto;display:block}.kf-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-feature-settings:"tnum" 1}.kf-overlay__row--score{position:absolute;top:30%;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:4%;width:56%;justify-content:center;color:var(--kf-ink)}.kf-overlay__home,.kf-overlay__away{font-family:Anton,Impact,sans-serif;font-size:clamp(18px,4.2vw,56px);letter-spacing:1px;line-height:.95;text-transform:uppercase;opacity:.92}.kf-overlay__score{font-family:Anton,Impact,sans-serif;font-size:clamp(28px,7vw,96px);letter-spacing:1px;line-height:.9;text-transform:uppercase;white-space:nowrap}.kf-overlay__phrase{position:absolute;top:46%;left:50%;transform:translate(-50%);width:70%;text-align:center;font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:clamp(13px,2.8vw,32px);line-height:1.15;letter-spacing:-.01em;color:var(--kf-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kf-overlay__phrase--ghost{opacity:.32;font-style:italic}.kf-overlay__date{position:absolute;top:55%;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:clamp(9px,1.4vw,16px);letter-spacing:2px;text-transform:uppercase;color:var(--kf-ink);opacity:.75}.kf-overlay__serial{position:absolute;top:64%;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:clamp(8px,1.1vw,12px);letter-spacing:3px;text-transform:uppercase;color:var(--kf-red);opacity:.95}.kf-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--s-2);margin-top:var(--s-3)}.kf-gallery__thumb{aspect-ratio:1 / 1;padding:0;border:var(--b-rule);background:var(--kf-paper);cursor:pointer;transition:all var(--t-fast);overflow:hidden;position:relative}.kf-gallery__thumb:hover{background:var(--kf-yellow)}.kf-gallery__thumb[aria-pressed=true]{border-color:var(--kf-red);border-width:2px}.kf-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}.kf-gallery__thumb--customise{display:grid;place-items:center;background:var(--kf-ink);color:var(--kf-paper)}.kf-gallery__thumb--customise:hover,.kf-gallery__thumb--customise[aria-pressed=true]{background:var(--kf-red);color:var(--kf-paper)}.kf-gallery__thumb-label{font-size:9px;letter-spacing:2px;text-transform:uppercase}.kf-gallery__viewer{aspect-ratio:5 / 6;display:grid;place-items:center;background:var(--kf-paper);cursor:pointer;position:relative}.kf-gallery__viewer[hidden]{display:none}.kf-gallery__viewer img{width:100%;height:auto;max-height:100%;object-fit:contain;display:block}.kf-gallery__viewer:after{content:"\2190  BACK TO CUSTOMISE";position:absolute;bottom:var(--s-3);left:50%;transform:translate(-50%);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:2px;background:var(--kf-ink);color:var(--kf-paper);padding:6px 10px;pointer-events:none;opacity:0;transition:opacity var(--t-fast)}.kf-gallery__viewer:hover:after{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/3/assets/builder.css.map */