.cp-banner{background:var(--ink);color:var(--paper);font:11px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:10px var(--gutter);text-align:center}.cp-head{padding:40px 0 6px}.cp-head h2{max-width:22ch;letter-spacing:-.025em;font-size:clamp(24px,2.6vw,34px)!important}.cp-head .cp-sub{margin-top:16px;font-size:17px;max-width:56ch;color:var(--muted)}.cp-result{position:sticky;top:0;z-index:30;padding:14px 0 0;pointer-events:none}.cp-result>*{pointer-events:auto}.cp-card{border:1px solid var(--ink);background:#fff;padding:20px 22px 22px;box-shadow:0 8px 26px -14px #2b211b73}.cp-card.is-enter{animation:cp-card-in .34s cubic-bezier(.2,.75,.3,1) both}@keyframes cp-card-in{0%{opacity:0;transform:translateY(-6px) scale(.995)}to{opacity:1;transform:none}}.cp-row-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.cp-eyebrow{font:600 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.cp-price{display:flex;align-items:baseline;gap:8px;margin-top:4px;font:500 52px/1 var(--serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.cp-price small{font:400 15px/1 var(--sans);color:var(--muted);letter-spacing:0}.cp-eq{font-size:15px;color:var(--muted);text-align:right}.cp-eq b{color:var(--ink);font-weight:600}@media(max-width:620px){.cp-eq{text-align:left}.cp-price{font-size:42px}}.cp-card-foot{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);flex-wrap:wrap}.cp-add{position:relative;flex:1 1 240px;padding:14px 18px;font:600 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--paper);background:var(--ink);border:1px solid var(--ink);border-radius:0;cursor:pointer;overflow:hidden;transition:background-color .18s ease,border-color .18s ease,transform .12s ease}.cp-add:hover{background:var(--hover);border-color:var(--hover)}.cp-add:active{transform:scale(.985)}.cp-add:disabled{opacity:.3;cursor:not-allowed}.cp-add.is-done{background:#1f6b3a;border-color:#1f6b3a}.cp-add .cp-tick{display:inline-block;width:0;overflow:hidden;vertical-align:-2px;transition:width .22s cubic-bezier(.2,.75,.3,1)}.cp-add.is-done .cp-tick{width:1.1em}.cp-hint{font-size:13px;color:var(--muted);flex:1 1 180px}.cp-missing{border:1px dashed var(--line);background:var(--paper);padding:20px 22px;font-size:15px;line-height:1.65;color:var(--muted);box-shadow:0 8px 26px -18px #2b211b59}.cp-missing b{color:var(--ink)}.cp-missing.is-shake{animation:cp-shake .42s cubic-bezier(.36,.07,.19,.97) both}@keyframes cp-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.cp-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding:30px 0 0}@media(min-width:860px){.cp-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px 40px}.cp-field--colour{grid-column:1 / -1}}.cp-field{min-width:0}.cp-field>label,.cp-field>.cp-label{display:block;font:600 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}.cp-input,.cp-select{width:100%;min-width:0;max-width:100%;padding:12px 13px;font:16px/1.4 var(--sans);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:0;-webkit-appearance:none;appearance:none;transition:border-color .18s ease,box-shadow .18s ease}.cp-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%236b5b4e' stroke-width='1.6'/></svg>");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px}.cp-input:hover,.cp-select:hover{border-color:var(--muted)}.cp-input:focus,.cp-select:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px #2b211b24}.cp-stepper{display:flex;align-items:stretch;min-width:0}.cp-stepper .cp-input{flex:1 1 auto;min-width:0;text-align:right;font-variant-numeric:tabular-nums}.cp-stepper button{flex:none;width:46px;font:20px/1 var(--sans);color:var(--ink);background:var(--sand);border:1px solid var(--line);border-radius:0;cursor:pointer;transition:background-color .16s ease}.cp-stepper button:first-child{border-right:0}.cp-stepper button:last-child{border-left:0}.cp-stepper button:hover{background:var(--oat)}.cp-stepper button:active{background:var(--line)}.cp-unit{margin-top:7px;font-size:12px;color:var(--muted)}.cp-slider-head{display:flex;align-items:baseline;justify-content:space-between}.cp-slider-val{font:500 22px/1 var(--serif);font-variant-numeric:tabular-nums}.cp-range{-webkit-appearance:none;appearance:none;width:100%;height:34px;margin:4px 0 0;background:transparent;cursor:pointer}.cp-range::-webkit-slider-runnable-track{height:4px;background:var(--line);border-radius:0}.cp-range::-moz-range-track{height:4px;background:var(--line)}.cp-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-9px;background:var(--ink);border:3px solid #fff;border-radius:50%;box-shadow:0 1px 5px #2b211b59;transition:transform .16s cubic-bezier(.2,.75,.3,1)}.cp-range::-moz-range-thumb{width:22px;height:22px;background:var(--ink);border:3px solid #fff;border-radius:50%;box-shadow:0 1px 5px #2b211b59}.cp-range:hover::-webkit-slider-thumb{transform:scale(1.12)}.cp-range:active::-webkit-slider-thumb{transform:scale(1.22)}.cp-range:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.cp-ticks{position:relative;height:13px;margin-top:2px;font:10px/1 var(--sans);color:var(--muted)}.cp-ticks span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.cp-ticks .cp-tick-0{left:0;transform:none}.cp-ticks .cp-tick-33{left:33.33%}.cp-ticks .cp-tick-67{left:66.67%}.cp-ticks .cp-tick-100{right:0;transform:none}#cp-colours{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin-top:14px;min-width:0}#cp-colours .tfbl-colour{max-width:none;min-width:0}#cp-colours .tfbl-colour-meta{padding:6px 7px 8px}#cp-colours .tfbl-colour-code{font-size:10px}#cp-colours .tfbl-colour-name{font-size:10px;line-height:1.25;margin-top:2px}#cp-colours .tfbl-colour-hex{display:none}#cp-colours .tfbl-colour-img{aspect-ratio:4 / 5}.cp-colour{display:block;max-width:240px;cursor:pointer;position:relative}.cp-colour input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cp-colour figure{transition:outline-color .16s ease,transform .16s cubic-bezier(.2,.75,.3,1),box-shadow .16s ease;outline:3px solid transparent;outline-offset:-3px}.cp-colour:hover figure{outline-color:var(--line);transform:translateY(-2px)}.cp-colour.is-selected figure{outline-color:var(--ink);box-shadow:0 8px 18px -12px #2b211b99}.cp-colour:active figure{transform:scale(.985)}.cp-colour input:focus-visible+figure{outline:3px solid var(--ink);outline-offset:3px}.cp-colour .tfbl-colour-img{aspect-ratio:3 / 4;object-fit:cover;object-position:center top;background:var(--sand)}.cp-colour .tfbl-colour-meta span{display:block}.cp-table-wrap{padding:40px 0 0}.cp-table{width:100%;border-collapse:collapse;margin-top:16px}.cp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,#fff 30%,#fff0) left center,linear-gradient(to left,#fff 30%,#fff0) right center,radial-gradient(farthest-side at 0 50%,#2b211b29,#2b211b00) left center,radial-gradient(farthest-side at 100% 50%,#2b211b29,#2b211b00) right center;background-repeat:no-repeat;background-size:28px 100%,28px 100%,12px 100%,12px 100%;background-attachment:local,local,scroll,scroll}.cp-table th,.cp-table td{padding:12px;border-bottom:1px solid var(--line);font-size:14px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.cp-table th:first-child,.cp-table td:first-child,.cp-table th:nth-child(2),.cp-table td:nth-child(2),.cp-table th:nth-child(3),.cp-table td:nth-child(3){text-align:left}.cp-table thead th{font:600 11px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom-color:var(--ink)}.cp-table tbody tr{transition:background-color .18s ease}.cp-table tbody tr:hover{background:#f0e8de80}.cp-table tbody tr.is-enter{animation:cp-row-in .34s cubic-bezier(.2,.75,.3,1) both}@keyframes cp-row-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.cp-table .cp-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ink)}.cp-table .cp-sortable:hover{text-decoration:underline}.cp-table .cp-sortable:after{content:"";display:inline-block;width:1.1em}.cp-table .cp-sortable[aria-sort=ascending]:after{content:" \2191"}.cp-table .cp-sortable[aria-sort=descending]:after{content:" \2193"}.cp-table td.cp-best{font-weight:700}.cp-del{width:30px;height:30px;font-size:15px;line-height:1;background:none;border:1px solid var(--line);border-radius:0;color:var(--muted);cursor:pointer;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.cp-del:hover{border-color:var(--ink);color:var(--paper);background:var(--ink)}.cp-empty{padding:22px 0;font-size:15px;color:var(--muted);transition:opacity .25s ease;opacity:1}.cp-empty[hidden]{display:block;opacity:0;height:0;padding:0;overflow:hidden}.cp-note{margin:50px 0 0;background:var(--sand);border:1px solid var(--line)}.cp-note>summary{list-style:none;cursor:pointer;padding:20px 22px;font:500 17px/1.3 var(--sans);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:14px}.cp-note>summary::-webkit-details-marker{display:none}.cp-note>summary:hover{background:#e8ded299}.cp-note .cp-caret{flex:none;width:13px;height:9px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='9'><path d='M1 1l5.5 5.5L12 1' fill='none' stroke='%236b5b4e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat;transition:transform .26s cubic-bezier(.2,.75,.3,1)}.cp-note[open] .cp-caret{transform:rotate(180deg)}.cp-note-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,.75,.3,1)}.cp-note[open] .cp-note-body{grid-template-rows:1fr}.cp-note-body>div{overflow:hidden}.cp-note-body p{padding:0 22px;font-size:15px;line-height:1.7}.cp-note-body p:first-child{padding-top:2px}.cp-note-body p:last-child{padding-bottom:22px}.cp-foot{margin:40px 0 60px;font-size:12px;color:var(--muted)}.tfbl .cp-del{background:none;border:1px solid var(--line);color:var(--muted);width:30px;height:30px;padding:0;border-radius:0;font:15px/1 var(--sans)}.tfbl .cp-del:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tfbl .cp-add{background:var(--ink);border:1px solid var(--ink);color:var(--paper);padding:14px 18px;border-radius:0;font:600 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}.tfbl .cp-add:hover{background:var(--hover);border-color:var(--hover)}.tfbl .cp-add.is-done{background:#1f6b3a;border-color:#1f6b3a;color:#fff}.tfbl .cp-stepper button{background:var(--sand);border:1px solid var(--line);color:var(--ink);padding:0;border-radius:0;font:20px/1 var(--sans)}.tfbl .cp-stepper button:hover{background:var(--oat)}.tfbl .cp-stepper button:active{background:var(--line)}@media(prefers-reduced-motion:reduce){.cp-card.is-enter,.cp-table tbody tr.is-enter,.cp-missing.is-shake{animation:none!important}.cp-colour figure,.cp-range::-webkit-slider-thumb,.cp-note .cp-caret,.cp-note-body,.cp-input,.cp-select,.cp-add,.cp-add .cp-tick,.cp-del,.cp-table tbody tr{transition:none!important}.cp-note-body{grid-template-rows:1fr}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/tfbl-calculator.css.map */