#tnf-cat{--lime:var(--tnf-green,#BBFF27);--lime-d:var(--tnf-green-deep,#92D400);--ink:#0d0f0c;--ink-2:#151813;--ink-3:#0b0d0a;--line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.2);--txt:#f3f5f0;--txt-2:rgba(243,245,240,.64);--txt-3:rgba(243,245,240,.42);--r:16px;--r-s:12px;--sp:22px;--hdr:var(--tnf-cat-hdr,150px);color:var(--txt);background:var(--ink);font-family:inherit;-webkit-font-smoothing:antialiased;padding:clamp(18px,3vw,44px) 0 clamp(24px,4vw,56px)}#tnf-cat *,#tnf-cat *:before,#tnf-cat *:after{box-sizing:border-box}#tnf-cat [hidden]{display:none!important}#tnf-cat .tnf-step-t{font-size:15.5px;font-weight:600;letter-spacing:.005em;margin:0;color:var(--txt)!important;text-transform:none}#tnf-cat .tnf-acc-t{font-weight:600;font-size:14.5px;color:var(--txt)!important;display:block}#tnf-cat .tnf-acc-d{color:var(--txt-2)!important;font-size:12.5px;margin-top:3px;display:block;line-height:1.45}#tnf-cat .tnf-acc-p{font-size:14px;font-weight:600;white-space:nowrap;color:var(--txt)!important}#tnf-cat .tnf-acc input[type=checkbox]{display:inline-block!important;appearance:auto!important;-webkit-appearance:checkbox!important;position:static!important;opacity:1!important;width:22px!important;height:22px!important;margin:0!important;accent-color:var(--lime);cursor:pointer}#tnf-cat .tnf-acc,#tnf-cat .tnf-acc *{text-transform:none!important;letter-spacing:0}#tnf-cat .tnf-panel{border-radius:var(--r)}#tnf-cat .tnf-step-n{background:var(--lime);color:var(--tnf-ink,#101010)}.tnf-cat-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(16px,3vw,36px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(400px,.88fr);gap:clamp(24px,3vw,48px);align-items:start}.tnf-cat-media{position:sticky;top:calc(var(--hdr) + 14px);min-width:0;transition:top .18s ease-out}@media(prefers-reduced-motion:reduce){.tnf-cat-media{transition:none}}.tnf-cat-controls{min-width:0;max-width:560px}.tnf-cat-stage{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 15%,#1c211a,#0b0d0a 70%);box-shadow:0 18px 50px #00000073}.tnf-cat-stage img{display:block;width:100%;height:auto;max-height:max(300px,calc(100vh - var(--hdr) - 150px));object-fit:cover;transition:max-height .18s ease-out}@media(prefers-reduced-motion:reduce){.tnf-cat-stage img{transition:none}}@media(min-width:1081px)and (max-height:720px){.tnf-cat-thumb{width:64px;height:64px}.tnf-cat-thumbs{padding:10px 2px 2px}.tnf-cat-stage img{max-height:max(240px,calc(100vh - var(--hdr) - 122px))}}.tnf-cat-thumbs{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:thin;scroll-snap-type:x proximity}.tnf-cat-thumb{flex:0 0 auto;width:84px;height:84px;padding:0;border:2px solid var(--line);border-radius:12px;overflow:hidden;background:var(--ink-3);cursor:pointer;scroll-snap-align:start;transition:border-color .15s,transform .15s}.tnf-cat-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tnf-cat-thumb:hover{border-color:var(--line-2)}.tnf-cat-thumb[aria-selected=true]{border-color:var(--lime);box-shadow:0 0 0 3px #bbff2738}.tnf-cat-thumb:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.tnf-cat-dims{position:absolute;left:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#080a08cc;color:#fff;font-size:13.5px;font-variant-numeric:tabular-nums;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 12px #0006}.tnf-cat-dims b{font-weight:700}.tnf-cat-dims .tnf-cat-alt{color:#ffffff9e;font-size:11.5px}.tnf-cat-head{margin:0 0 18px}.tnf-cat-title{font-size:clamp(24px,2.6vw,34px);line-height:1.12;margin:0 0 6px;color:var(--txt);font-weight:700;letter-spacing:-.015em}.tnf-cat-sub{font-size:13.5px;color:var(--txt-2);margin:0}.tnf-cat-headprice{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.tnf-cat-hp-amt{font-size:clamp(26px,2.4vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.tnf-cat-hp-dims{font-size:13.5px;color:var(--txt-2)}#tnf-cat .tnf-widthctl{border-radius:var(--r-s)}#tnf-cat .tnf-wfield{display:flex;align-items:center;gap:6px;padding:0 14px;height:50px;border:1px solid var(--line-2);border-radius:12px;background:var(--ink-3)}#tnf-cat .tnf-wfield input{flex:1 1 auto;min-width:0;width:100%;height:100%;margin:0;padding:0;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;caret-color:var(--lime,#BBFF27);-webkit-appearance:none;appearance:none;border-radius:0;font:inherit;font-size:20px;font-weight:700;line-height:1;text-align:center;font-variant-numeric:tabular-nums}#tnf-cat .tnf-wfield input:focus,#tnf-cat .tnf-wfield input:focus-visible,#tnf-cat .tnf-wfield input:hover,#tnf-cat .tnf-wfield input:active,#tnf-cat .tnf-wfield.is-dirty input,#tnf-cat .tnf-wfield.is-invalid input{color:#fff!important;-webkit-text-fill-color:#fff!important;background:transparent!important;outline:0}#tnf-cat .tnf-wfield input:-webkit-autofill,#tnf-cat .tnf-wfield input:-webkit-autofill:hover,#tnf-cat .tnf-wfield input:-webkit-autofill:focus{color:#fff!important;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px var(--ink-3,#0b0d0a) inset!important;box-shadow:0 0 0 1000px var(--ink-3,#0b0d0a) inset!important;transition:background-color 9999s ease-out 0s}#tnf-cat .tnf-wfield input::selection{background:#bbff2759;color:#fff;-webkit-text-fill-color:#fff}#tnf-cat .tnf-wfield input::placeholder{color:#ffffff73;-webkit-text-fill-color:rgba(255,255,255,.45)}#tnf-cat .tnf-wfield:focus-within{border-color:var(--lime);box-shadow:0 0 0 3px #bbff272e}#tnf-cat .tnf-wsuffix{color:var(--txt-2);font-size:14px;font-weight:600}#tnf-cat .tnf-wbtn{width:50px;height:50px;border-radius:12px;font-size:22px;line-height:1}#tnf-cat .tnf-wbtn:disabled{opacity:.35;cursor:not-allowed}#tnf-cat .tnf-range{accent-color:var(--lime)}#tnf-cat .tnf-hout{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}#tnf-cat .tnf-colour-name{font-size:11px}#tnf-cat-total{background:linear-gradient(160deg,#1a1f14,#111410);border:1px solid rgba(187,255,39,.55);border-radius:var(--r);padding:var(--sp);position:relative;min-height:132px;box-shadow:0 0 0 1px #bbff2714,0 14px 40px #00000059}.tnf-cat-price{font-size:clamp(32px,4.4vw,44px);font-weight:700;letter-spacing:-.025em;line-height:1;font-variant-numeric:tabular-nums}.tnf-cat-cur{font-size:15px;font-weight:600;color:var(--txt-2);margin-right:3px}.tnf-cat-was{font-size:14px;color:var(--txt-3);text-decoration:line-through;margin-left:10px}.tnf-cat-rows{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:6px;font-size:13.5px}#tnf-cat #tnf-cat-plug{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%23bbff27' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}#tnf-cat #tnf-cat-plug:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.tnf-cat-rows--plug li span:last-child{color:var(--txt-2)}.tnf-cat-rows li{display:flex;justify-content:space-between;gap:12px;color:var(--txt-2)}.tnf-cat-tax{font-size:11.5px;color:var(--txt-3);margin-top:10px}.tnf-cat-blocked{font-size:13.5px;line-height:1.5;color:#ffcf6b}.tnf-cat-blocked strong{display:block;font-size:15px;margin-bottom:6px;color:var(--txt)}.tnf-cat-blocked--pending{color:var(--txt-2)}.tnf-cat-blocked--pending strong{font-size:17px}.tnf-cat-pending-note{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:var(--txt-3)}.tnf-cat-pending-why{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--txt-2)}.tnf-cat-rows--conf{margin-top:4px}.tnf-cat-sizenote{margin-top:0}.tnf-cat-sticky .tnf-cat-sb-quote{flex:1 1 auto;margin-top:0;width:auto;min-height:48px}#tnf-cat-add{margin-top:14px;width:100%}#tnf-cat-add[aria-busy=true]{cursor:progress}#tnf-cat .tnf-note-err{margin-top:12px}.tnf-cat-sticky{position:fixed;left:0;right:0;bottom:var(--tnf-cat-sb-bottom,0px);z-index:50;display:flex;gap:14px;align-items:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#0d0f0cf0;border-top:1px solid var(--line-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .18s ease}.tnf-cat-sticky.is-visible{transform:none;opacity:1;pointer-events:auto}html.tnf-cat-typing .tnf-cat-sticky.is-visible{transform:translateY(110%);opacity:0;pointer-events:none}.tnf-cat-sticky .tnf-cat-sb-price{font-size:18px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--txt)}.tnf-cat-sticky .tnf-cat-sb-size{font-size:12px;color:var(--txt-2);display:block;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}.tnf-cat-sticky .tnf-btn-primary{width:auto;flex:1 1 auto;min-height:50px;max-width:420px;margin:0 0 0 auto}@media(min-width:1081px){.tnf-cat-sticky{left:auto;right:clamp(16px,3vw,36px);bottom:calc(18px + var(--tnf-cat-sb-bottom,0px));width:min(560px,calc(100vw - 32px));border:1px solid var(--line-2);border-radius:18px;padding:12px 16px;box-shadow:0 14px 44px #00000080}}@media(min-width:1081px){.tnf-cat-sticky{right:calc(clamp(16px,3vw,36px) + 168px)}}@media(max-width:1024px){html.tnf-catalogue.tnf-sticky-on shopify-chat::part(activator){transform:translateY(calc(var(--tnf-chat-shift,0px) - 78px))}}.tnf-cat-fixedcolour{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 12px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;font-size:14px;font-weight:600;color:var(--txt);background:#ffffff05}.tnf-cat-fixedcolour .tnf-lbl{margin:0;font-weight:600}.tnf-cat-fixedcolour .tnf-muted{font-weight:400;font-size:12.5px}#tnf-cat .tnf-cat-userow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}#tnf-cat .tnf-cat-userow .tnf-cat-ioguide{margin-left:auto;white-space:nowrap}@media(max-width:640px){#tnf-cat .tnf-cat-userow .tnf-use{flex:1 1 0;min-width:0;text-align:center}#tnf-cat .tnf-cat-userow .tnf-cat-ioguide{flex:1 1 100%;margin-left:0;text-align:center;white-space:normal;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}.tnf-cat-stage .tnf-cat-pricechip{top:14px;left:14px}.tnf-cat-stage .tnf-cat-pricechip.is-blocked .tnf-pc-note{display:inline;color:#ffcf6b}.tnf-cat-stage .tnf-cat-expand{display:none}.tnf-cat-colournote{position:absolute;right:12px;bottom:12px;z-index:3;max-width:min(52%,260px);padding:7px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#080a08c7;color:#ffffffe6;font-size:11.5px;line-height:1.35;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.tnf-cat-pinsent{height:0;margin:0;padding:0}.tnf-cat-was{font-size:.62em;font-weight:600;color:var(--txt-3);text-decoration:line-through;margin-right:.25em;vertical-align:baseline}.tnf-cat-save{display:inline-block;font-size:11.5px;font-weight:800;color:var(--tnf-ink,#101010);background:var(--lime);border-radius:5px;padding:3px 7px;line-height:1;vertical-align:middle;margin-left:.35em}.tnf-cat-promo-row{margin-top:10px;font-size:12.5px;color:var(--txt-2);border-top:1px dashed var(--line);padding-top:10px}.tnf-cat-pricechip.is-promo{box-shadow:0 0 0 1.5px var(--lime),0 0 18px #bbff2747}#tnf-cat .tnf-note{margin-top:10px}#tnf-cat .tnf-cat-stdsizes{margin-top:14px}#tnf-cat .tnf-cat-stdsizes .tnf-lbl{display:block;margin-bottom:8px}#tnf-cat .tnf-cat-stdsizes-row{display:flex;flex-wrap:wrap;gap:8px}#tnf-cat .tnf-cat-stdsize{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:7px 14px;background:var(--ink-3);border:1px solid var(--line);border-radius:12px;color:var(--txt);cursor:pointer;font:inherit;text-align:left;transition:border-color .15s,box-shadow .15s}#tnf-cat .tnf-cat-stdsize:hover{border-color:var(--line-2)}#tnf-cat .tnf-cat-stdsize[aria-pressed=true]{border-color:var(--lime);box-shadow:0 0 0 3px #bbff272e}#tnf-cat .tnf-cat-stdsize:focus-visible{outline:2px solid var(--lime);outline-offset:2px}#tnf-cat .tnf-cat-stdsize-n{font-size:13px;font-weight:700;line-height:1.2}#tnf-cat .tnf-cat-stdsize-d{font-size:12px;color:var(--txt-2);line-height:1.2;font-variant-numeric:tabular-nums}#tnf-cat .tnf-cat-nocart{margin-top:12px}#tnf-cat .tnf-cat-nocart .tnf-cat-pending-note{margin:0}#tnf-cat .tnf-cat-stdsizes .tnf-cat-sizenote{margin:10px 0 0}#tnf-cat .tnf-cat-sizenote a{color:inherit;text-decoration:underline;text-underline-offset:2px}@media(max-width:1080px){.tnf-cat-wrap{grid-template-columns:minmax(0,1fr);gap:16px}.tnf-cat-media{position:static;display:contents}.tnf-cat-stage img{max-height:none}.tnf-cat-controls{max-width:none;padding-bottom:calc(92px + var(--tnf-cat-sb-bottom,0px))}.tnf-cat-thumb{width:72px;height:72px}.tnf-cat-thumbs{margin-top:-10px;padding-top:6px}.tnf-cat-pin{position:sticky;top:var(--tnf-cat-pin-top,0px);z-index:40;pointer-events:none;margin:0}.tnf-cat-pin.is-unpinned{position:static}.tnf-cat-pin .tnf-cat-stage{pointer-events:auto;will-change:height;background:#0b0d0a}.tnf-cat-pin .tnf-cat-stage.is-animating{transition:height .22s ease}.tnf-cat-pin .tnf-cat-stage.is-animating img{transition:object-position .22s ease,transform .22s ease}.tnf-cat-stage[style*=height] img{height:100%;width:100%;object-fit:cover}.tnf-cat-stage .tnf-cat-expand{display:inline-flex;visibility:hidden;left:auto;right:8px;top:auto;bottom:8px;transform:none;min-height:36px;padding:0 12px}.tnf-cat-stage .tnf-cat-expand.is-on{visibility:visible}.tnf-cat-pin.is-pinned .tnf-cat-pricechip,.tnf-cat-pin.is-pinned .tnf-cat-dims{min-height:36px;height:36px}.tnf-cat-pin.is-pinned .tnf-cat-dims .tnf-cat-alt{display:none}.tnf-cat-pin.is-pinned .tnf-cat-colournote{top:8px;bottom:auto}.tnf-cat-pin.is-typing .tnf-cat-dims,.tnf-cat-pin.is-typing .tnf-cat-colournote,.tnf-cat-pin.is-typing .tnf-cat-expand{display:none}.tnf-cat-pin.is-typing .tnf-cat-pricechip{min-height:32px;height:32px;padding:0 9px}.tnf-cat-pin.is-typing .tnf-pc-amt{font-size:14px}#tnf-cat.tnf-cat-shortscreen .tnf-cat-pin{position:static;height:auto!important}#tnf-cat.tnf-cat-shortscreen .tnf-cat-stage{height:auto!important}#tnf-cat.tnf-cat-shortscreen .tnf-cat-stage img{height:auto;max-height:none}.tnf-cat-stage .tnf-cat-pricechip{top:8px;left:8px}.tnf-cat-dims{left:8px;bottom:8px}.tnf-cat-colournote{right:8px;bottom:8px}#tnf-cat-wnum,#tnf-cat .tnf-controls input{scroll-margin-top:var(--tnf-cat-pin-clear,200px)}#tnf-cat .tnf-cat-controls button,#tnf-cat .tnf-cat-controls select,#tnf-cat .tnf-cat-controls a,#tnf-cat .tnf-cat-controls input{scroll-margin-top:var(--tnf-cat-pin-clear,200px);scroll-margin-bottom:96px}html.tnf-cat-pinned .tnf-cat-sticky .tnf-cat-sb-price{display:none}}@media(max-width:640px){#tnf-cat{padding-top:10px}.tnf-cat-title,.tnf-cat-hp-amt{font-size:26px}#tnf-cat .tnf-panel{padding:16px}.tnf-cat-dims{left:8px;bottom:8px;min-height:36px;font-size:12.5px;padding:0 11px}.tnf-cat-colournote{max-width:60%;font-size:11px;padding:6px 9px}.tnf-cat-thumb{width:64px;height:64px;border-radius:10px}.tnf-cat-thumbs{padding-right:92px;scroll-padding-right:92px}#tnf-cat .tnf-acc-img{width:64px;height:64px}.tnf-cat-sticky .tnf-btn-primary{min-height:48px}}@media(prefers-reduced-motion:reduce){#tnf-cat *,.tnf-cat-sticky{transition:none!important;animation:none!important}}.tnf-cat-unpriced{margin-top:18px;padding:20px 22px;border:1px solid var(--line,#2a2a2e);border-radius:14px;background:var(--panel,#121214)}.tnf-cat-unpriced .tnf-cat-fixedcolour{margin:0 0 14px}.tnf-cat-unpriced-t{font-weight:600;font-size:16px;margin:0 0 6px;color:var(--txt,#fff)}.tnf-cat-unpriced-p{font-size:14px;line-height:1.55;margin:0 0 14px;color:var(--muted,#c9ccd1)}.tnf-cat-unpriced .tnf-cta{display:inline-block;width:auto;padding:12px 22px;text-decoration:none}#tnf-cat .tnf-cat-unpriced .tnf-cat-plugpanel--quote{margin:4px 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#ffffff05}#tnf-cat .tnf-cat-unpriced .tnf-cat-plugpanel--quote .tnf-step{margin-bottom:10px}#tnf-cat .tnf-cat-unpriced .tnf-cat-plugpanel--quote .tnf-step-n{display:none}#tnf-cat .tnf-cat-unpriced .tnf-cat-plugpanel--quote .tnf-step-t{font-size:14.5px}#tnf-cat .tnf-cat-pricechip{align-items:center;justify-content:center;padding-left:12px;padding-right:12px;gap:3px}#tnf-cat .tnf-cat-pricechip .tnf-pc-cur,#tnf-cat .tnf-cat-pricechip .tnf-pc-amt{line-height:1;align-self:center;padding-top:2px}@supports (text-box: trim-both cap alphabetic){#tnf-cat .tnf-cat-pricechip .tnf-pc-cur,#tnf-cat .tnf-cat-pricechip .tnf-pc-amt{padding-top:0;text-box:trim-both cap alphabetic}}#tnf-cat .tnf-cat-partsnote{margin-top:12px}#tnf-cat .tnf-cat-partsnote.is-empty{display:none}#tnf-cat .tnf-cat-partsnote [data-parts]{transition:color .15s ease}#tnf-cat .tnf-cat-partsnote [data-parts].is-current{color:#fff;font-weight:600}#tnf-cat .tnf-cat-rows .tnf-cat-partsrow span:first-child{color:var(--txt)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/tnf-cat-1-2-0.css.map */