/* 타일짱 타일 패턴 라이브러리 — _build_patterns.py 가 생성. 직접 고치지 말고 스크립트를 고치세요.
   사용: <div class="tp tp-fishscale-seaglass"></div>  크기 조절: style="--tp-scale:.75"
   경로: 이 CSS와 같은 폴더에 SVG가 있다고 가정(url 상대 경로). */
.tp{background-repeat:repeat;background-color:#d9d6cf;background-size:calc(var(--tp-w)*var(--tp-scale,1)) calc(var(--tp-h)*var(--tp-scale,1));}
.tp-fishscale-ivory{--tp-w:240px;--tp-h:180px;background-image:url("fishscale-ivory.svg");}
.tp-fishscale-seaglass{--tp-w:240px;--tp-h:180px;background-image:url("fishscale-seaglass.svg");}
.tp-fishscale-yolk{--tp-w:240px;--tp-h:180px;background-image:url("fishscale-yolk.svg");}
.tp-herringbone-sand{--tp-w:240px;--tp-h:320px;background-image:url("herringbone-sand.svg");}
.tp-herringbone-celadon{--tp-w:240px;--tp-h:320px;background-image:url("herringbone-celadon.svg");}
.tp-herringbone-ink{--tp-w:240px;--tp-h:320px;background-image:url("herringbone-ink.svg");}
.tp-terrazzo-warm{--tp-w:400px;--tp-h:400px;background-image:url("terrazzo-warm.svg");}
.tp-terrazzo-chalk{--tp-w:400px;--tp-h:400px;background-image:url("terrazzo-chalk.svg");}
.tp-terrazzo-rose{--tp-w:400px;--tp-h:400px;background-image:url("terrazzo-rose.svg");}
.tp-stone-greige{--tp-w:400px;--tp-h:400px;background-image:url("stone-greige.svg");}
.tp-stone-greige-long{--tp-w:400px;--tp-h:400px;background-image:url("stone-greige-long.svg");}
.tp-stone-grey{--tp-w:400px;--tp-h:400px;background-image:url("stone-grey.svg");}
.tp-stone-charcoal{--tp-w:400px;--tp-h:400px;background-image:url("stone-charcoal.svg");}
.tp-marble-white{--tp-w:600px;--tp-h:400px;background-image:url("marble-white.svg");}
.tp-marble-white-sq{--tp-w:600px;--tp-h:400px;background-image:url("marble-white-sq.svg");}
.tp-penny-accent{--tp-w:250px;--tp-h:250px;background-image:url("penny-accent.svg");}
.tp-penny-muted{--tp-w:250px;--tp-h:250px;background-image:url("penny-muted.svg");}
.tp-penny-chalk{--tp-w:250px;--tp-h:250px;background-image:url("penny-chalk.svg");}
.tp-penny-emerald{--tp-w:250px;--tp-h:250px;background-image:url("penny-emerald.svg");}
.tp-stack-sage{--tp-w:224px;--tp-h:252px;background-image:url("stack-sage.svg");}
.tp-stack-olive{--tp-w:224px;--tp-h:252px;background-image:url("stack-olive.svg");}
.tp-square-terracotta{--tp-w:256px;--tp-h:256px;background-image:url("square-terracotta.svg");}
.tp-hexagon-terracotta{--tp-w:264px;--tp-h:266.74px;background-image:url("hexagon-terracotta.svg");}
.tp-stack-cocoa{--tp-w:224px;--tp-h:252px;background-image:url("stack-cocoa.svg");}
.tp-stack-chalk{--tp-w:224px;--tp-h:252px;background-image:url("stack-chalk.svg");}
.tp-hexagon-vintage{--tp-w:270px;--tp-h:259.81px;background-image:url("hexagon-vintage.svg");}
.tp-hexagon-confetti{--tp-w:270px;--tp-h:259.81px;background-image:url("hexagon-confetti.svg");}
.tp-checker-ink-chalk{--tp-w:240px;--tp-h:240px;background-image:url("checker-ink-chalk.svg");}
.tp-checker-butter{--tp-w:240px;--tp-h:240px;background-image:url("checker-butter.svg");}
.tp-checker-sage{--tp-w:240px;--tp-h:240px;background-image:url("checker-sage.svg");}
.tp-grout-terracotta{--tp-w:196px;--tp-h:196px;background-image:url("grout-terracotta.svg");}
.tp-grout-cobalt{--tp-w:196px;--tp-h:196px;background-image:url("grout-cobalt.svg");}
.tp-grout-emerald{--tp-w:196px;--tp-h:196px;background-image:url("grout-emerald.svg");}
.tp-grout-yolk{--tp-w:196px;--tp-h:196px;background-image:url("grout-yolk.svg");}
.tp-planks-oak{--tp-w:408px;--tp-h:272px;background-image:url("planks-oak.svg");}
.tp-chevron-cobalt{--tp-w:240px;--tp-h:264px;background-image:url("chevron-cobalt.svg");}
.tp-chevron-ink-chalk{--tp-w:240px;--tp-h:264px;background-image:url("chevron-ink-chalk.svg");}
.tp-encaustic-arc-ink{--tp-w:240px;--tp-h:240px;background-image:url("encaustic-arc-ink.svg");}
.tp-encaustic-arc-cobalt{--tp-w:240px;--tp-h:240px;background-image:url("encaustic-arc-cobalt.svg");}