.nf-oc{--nf-ink: #1c1c1c;--nf-line: #dcdcdc;--nf-line-hover: #a8a8a8;--nf-sub: #5f5f5f;--nf-gold: #b38b5d;container-type:inline-size}.nf-oc-item{position:relative;cursor:pointer;color:var(--nf-ink);-webkit-tap-highlight-color:transparent}input:focus-visible+.nf-oc-item{outline:2px solid var(--nf-ink);outline-offset:3px;border-radius:8px}.nf-oc-item.is-disabled{color:#8a8a8a}.nf-oc-item.is-disabled .nf-oc-name,.nf-oc-item.is-disabled .nf-oc-pw__name{text-decoration:line-through}.nf-oc-flag{font-size:.625rem;letter-spacing:.04em;text-transform:uppercase;color:var(--nf-sub)}.nf-oc-name{display:block;font-size:.75rem;line-height:1.25;text-align:center;color:var(--nf-sub);overflow-wrap:anywhere}.nf-oc-name:first-letter{text-transform:uppercase}input:checked+.nf-oc-item .nf-oc-name{color:var(--nf-ink);font-weight:600}.nf-oc--finish,.nf-oc--shade{display:flex;flex-wrap:wrap;gap:.875rem .75rem}.nf-oc-item--finish{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:4.25rem}.nf-oc-sw{position:relative;display:flex;width:2.125rem;height:2.125rem;border-radius:50%;overflow:hidden;background:#cfcfcf;box-shadow:inset 0 0 0 1px #00000024,0 1px 2px #0000001f;transition:box-shadow .15s ease}.nf-oc-m{flex:1 1 0;height:100%;background:#c9c9c9}.nf-oc-sw.is-duo .nf-oc-m+.nf-oc-m{box-shadow:inset 1px 0 #ffffff59}@media(hover:hover){.nf-oc-item--finish:hover .nf-oc-sw{box-shadow:inset 0 0 0 1px #00000024,0 0 0 2px #fff,0 0 0 3px var(--nf-line-hover)}}input:checked+.nf-oc-item--finish .nf-oc-sw{box-shadow:inset 0 0 0 1px #00000024,0 0 0 2px #fff,0 0 0 3.5px var(--nf-ink)}.nf-oc-item--finish.is-disabled .nf-oc-sw{opacity:.45}.nf-oc-m--gold{background:linear-gradient(135deg,#b8862f,#f3d27a 38%,#fff3c4,#d9a846 62%,#9c6f22)}.nf-oc-m--brass{background:linear-gradient(135deg,#8f7131,#d6b765 40%,#efdc9c,#b8964a 64%,#7a5f27)}.nf-oc-m--champagne{background:linear-gradient(135deg,#a8946b,#e2d3b0 40%,#f7eedb,#cdbb93 64%,#97845d)}.nf-oc-m--chrome{background:linear-gradient(135deg,#6f757b,#e9ecef 34%,#fff,#9aa1a8 58%,#dfe3e6 76%,#5f656b)}.nf-oc-m--nickel{background:linear-gradient(135deg,#7f7c75,#cfccc4 40%,#ebe9e3,#aeaba3 64%,#74716a)}.nf-oc-m--silver{background:linear-gradient(135deg,#8d949a,#dde1e4 40%,#f6f7f8,#b9bfc4 64%,#858c92)}.nf-oc-m--pewter{background:linear-gradient(135deg,#5d6063,#a8abad 42%,#c6c8c9 52%,#8a8d90 64%,#505356)}.nf-oc-m--gunmetal{background:linear-gradient(135deg,#2b2e31,#6d7277 42%,#8a9095 52%,#4a4e52 64%,#232628)}.nf-oc-m--bronze{background:linear-gradient(135deg,#3d2a18,#8a6038 42%,#a87b4c 52%,#6b4a2b 64%,#33230f)}.nf-oc-m--copper{background:linear-gradient(135deg,#7c3f1f,#d98a57 40%,#f3b891,#b8683c 64%,#6d361a)}.nf-oc-m--black{background:radial-gradient(circle at 32% 28%,#4b4b4b,#222 45%,#111)}.nf-oc-m--white{background:radial-gradient(circle at 32% 28%,#fff,#f3f3f3,#dcdcdc)}.nf-oc-m--gray{background:radial-gradient(circle at 32% 28%,#a4a4a4,#7d7d7d,#616161)}.nf-oc-sw.is-brushed .nf-oc-m{background-image:repeating-linear-gradient(100deg,rgb(255 255 255 / .12) 0 1px,rgb(0 0 0 / .05) 1px 2px,transparent 2px 4px),var(--nf-none, none)}.nf-oc-sw.is-brushed .nf-oc-m--gold{background:repeating-linear-gradient(100deg,rgb(255 255 255 / .14) 0 1px,rgb(0 0 0 / .06) 1px 2px,transparent 2px 4px),linear-gradient(135deg,#b8862f,#e9c46f 45%,#f6e2a4 55%,#a87a2a)}.nf-oc-sw.is-brushed .nf-oc-m--brass{background:repeating-linear-gradient(100deg,rgb(255 255 255 / .14) 0 1px,rgb(0 0 0 / .06) 1px 2px,transparent 2px 4px),linear-gradient(135deg,#8f7131,#cfae5c 45%,#e6d08c 55%,#7f6429)}.nf-oc-sw.is-brushed .nf-oc-m--nickel{background:repeating-linear-gradient(100deg,rgb(255 255 255 / .16) 0 1px,rgb(0 0 0 / .06) 1px 2px,transparent 2px 4px),linear-gradient(135deg,#85827b,#c9c6be 45%,#dedbd4 55%,#7a7770)}.nf-oc-sw.is-brushed .nf-oc-m--silver,.nf-oc-sw.is-brushed .nf-oc-m--chrome{background:repeating-linear-gradient(100deg,rgb(255 255 255 / .16) 0 1px,rgb(0 0 0 / .06) 1px 2px,transparent 2px 4px),linear-gradient(135deg,#8d949a,#d3d8dc 45%,#eceef0 55%,#858c92)}.nf-oc-sw.is-brushed .nf-oc-m--copper{background:repeating-linear-gradient(100deg,rgb(255 255 255 / .14) 0 1px,rgb(0 0 0 / .06) 1px 2px,transparent 2px 4px),linear-gradient(135deg,#7c3f1f,#cf8250 45%,#e7a67c 55%,#6d361a)}.nf-oc-sw.is-brushed .nf-oc-m--bronze{background:repeating-linear-gradient(100deg,rgb(255 255 255 / .1) 0 1px,rgb(0 0 0 / .08) 1px 2px,transparent 2px 4px),linear-gradient(135deg,#3d2a18,#7f5733 45%,#9a7045 55%,#33230f)}.nf-oc-sw.is-antique .nf-oc-m{filter:saturate(.8) brightness(.82) contrast(1.05)}.nf-oc-sw.is-matte .nf-oc-m{filter:saturate(.9)}.nf-oc--power{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@container (min-width: 30rem){.nf-oc--power{grid-template-columns:repeat(3,minmax(0,1fr))}}.nf-oc-item--power{display:flex;flex-direction:column;gap:.3rem;padding:.625rem .625rem .7rem;background:#fff;border:1px solid var(--nf-line);border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}@media(hover:hover){.nf-oc-item--power:hover{border-color:var(--nf-line-hover)}}input:checked+.nf-oc-item--power{border-color:var(--nf-ink);box-shadow:inset 0 0 0 1px var(--nf-ink)}input:checked+.nf-oc-item--power:after{content:"";position:absolute;top:.5rem;right:.5rem;width:6px;height:6px;border-radius:50%;background:var(--nf-gold)}.nf-oc-pw__head{display:flex;align-items:center;gap:.45rem;padding-inline-end:.5rem}.nf-oc-pw__icon{display:grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;border-radius:50%;background:#f3f3f3;color:var(--nf-ink)}.nf-oc-pw__name{font-size:.8125rem;font-weight:500;line-height:1.25;overflow-wrap:anywhere}.nf-oc-pw__name:first-letter{text-transform:uppercase}.nf-oc-pw__line{font-size:.75rem;line-height:1.35;color:var(--nf-sub)}.nf-oc-item--shade{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:4.5rem}.nf-oc-chip{display:block;width:3.75rem;height:3.75rem;border-radius:8px;overflow:hidden;background:#f3f3f3;box-shadow:inset 0 0 0 1px #00000014;transition:box-shadow .15s ease}.nf-oc-chip img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%}@media(hover:hover){.nf-oc-item--shade:hover .nf-oc-chip{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--nf-line-hover)}}input:checked+.nf-oc-item--shade .nf-oc-chip{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--nf-ink)}.nf-oc-item--shade.is-disabled .nf-oc-chip{opacity:.45}@media(prefers-reduced-motion:reduce){.nf-oc-sw,.nf-oc-chip,.nf-oc-item--power{transition:none}}.nf-oc-m{position:relative}.nf-oc-bl{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5}.nf-oc-sw.is-duo .nf-oc-m+.nf-oc-m,.nf-oc-sw.is-trio .nf-oc-m+.nf-oc-m{box-shadow:inset 1px 0 #ffffff59}.nf-oc-bl.nf-oc-m{box-shadow:none!important}.nf-oc-t--l{filter:brightness(1.18) saturate(.8)}.nf-oc-t--d{filter:brightness(.66) saturate(1.05)}.nf-oc-t--m{filter:saturate(.55) brightness(1.04)}.nf-oc-m--charcoal{background:radial-gradient(circle at 32% 28%,#5a5d61,#3d3f42 55%,#2a2c2e)}.nf-oc-m--red{background:radial-gradient(circle at 32% 28%,#e8574d,#d92d20 55%,#b0231a)}.nf-oc-m--wine{background:radial-gradient(circle at 32% 28%,#8a2c3d,#6e1f2f 55%,#4f1520)}.nf-oc-m--green{background:radial-gradient(circle at 32% 28%,#4cb35f,#2f9e44 55%,#237a34)}.nf-oc-m--olive{background:radial-gradient(circle at 32% 28%,#858552,#6b6b3a 55%,#51512b)}.nf-oc-m--sage{background:radial-gradient(circle at 32% 28%,#b3c4a0,#9caf88 55%,#82956f)}.nf-oc-m--emerald{background:radial-gradient(circle at 32% 28%,#2f9469,#1f7a55 55%,#165c40)}.nf-oc-m--mint{background:radial-gradient(circle at 32% 28%,#c2e6d4,#a8d8c0 55%,#8cc3a8)}.nf-oc-m--teal{background:radial-gradient(circle at 32% 28%,#3a9696,#2a7c7c 55%,#1f5e5e)}.nf-oc-m--blue{background:radial-gradient(circle at 32% 28%,#4a78bf,#2f5fa7 55%,#244a84)}.nf-oc-m--navy{background:radial-gradient(circle at 32% 28%,#2e4ea3,#1e3a8a 55%,#162b68)}.nf-oc-m--sky{background:radial-gradient(circle at 32% 28%,#b6daf1,#8ec5e8 55%,#6fafd8)}.nf-oc-m--azure{background:radial-gradient(circle at 32% 28%,#58a6d2,#3a8fc1 55%,#2c73a0)}.nf-oc-m--denim{background:radial-gradient(circle at 32% 28%,#62799a,#4a6485 55%,#3a4f6a)}.nf-oc-m--pink{background:radial-gradient(circle at 32% 28%,#f4c6d2,#e8a5b6 55%,#d68a9d)}.nf-oc-m--peach{background:radial-gradient(circle at 32% 28%,#f8dac4,#f2c1a0 55%,#e3a882)}.nf-oc-m--coral{background:radial-gradient(circle at 32% 28%,#f39888,#ee7f6d 55%,#d9634f)}.nf-oc-m--orange{background:radial-gradient(circle at 32% 28%,#ec9447,#e07b2e 55%,#bf6420)}.nf-oc-m--terracotta{background:radial-gradient(circle at 32% 28%,#c86d4f,#b5583a 55%,#94452c)}.nf-oc-m--yellow{background:radial-gradient(circle at 32% 28%,#f7df7a,#f0c93b 55%,#d9ae22)}.nf-oc-m--mustard{background:radial-gradient(circle at 32% 28%,#d8ae4a,#c99a2e 55%,#a67d20)}.nf-oc-m--beige{background:radial-gradient(circle at 32% 28%,#ebdfc9,#d9c7a8 55%,#c4b08f)}.nf-oc-m--khaki{background:radial-gradient(circle at 32% 28%,#cfc098,#b9a67a 55%,#9f8c61)}.nf-oc-m--camel{background:radial-gradient(circle at 32% 28%,#c9a070,#b88a57 55%,#9b7042)}.nf-oc-m--taupe{background:radial-gradient(circle at 32% 28%,#a39689,#8b7d6f 55%,#716457)}.nf-oc-m--cream{background:radial-gradient(circle at 32% 28%,#fbf7ee,#efe6d2 55%,#ddd1b6)}.nf-oc-m--brown{background:radial-gradient(circle at 32% 28%,#94603e,#7b4a2b 55%,#5f3920)}.nf-oc-m--coffee{background:radial-gradient(circle at 32% 28%,#634535,#4a3226 55%,#34231a)}.nf-oc-m--caramel{background:radial-gradient(circle at 32% 28%,#c38a52,#a86b32 55%,#8a5626)}.nf-oc-m--purple{background:radial-gradient(circle at 32% 28%,#8763b0,#6f4a9a 55%,#573a7a)}.nf-oc-m--lilac{background:radial-gradient(circle at 32% 28%,#d3c4e5,#b8a2d4 55%,#9f88bf)}.nf-oc-m--redcopper{background:linear-gradient(135deg,#6e2a18,#c2603f 40%,#e59273,#a24a2e 64%,#5c2213)}.nf-oc-m--rosegold{background:linear-gradient(135deg,#9c5f5a,#e0a79d 40%,#f6d3cc,#c98b83 64%,#8a514c)}.nf-oc-m--wood,.nf-oc-m--walnut,.nf-oc-m--oak,.nf-oc-m--natural,.nf-oc-m--teak,.nf-oc-m--bamboo,.nf-oc-m--ash{background-image:repeating-linear-gradient(100deg,rgb(0 0 0 / .08) 0 1px,transparent 1px 3px,rgb(255 255 255 / .07) 3px 4px,transparent 4px 7px),linear-gradient(135deg,var(--nf-w1),var(--nf-w2))}.nf-oc-m--wood{--nf-w1: #b98552;--nf-w2: #8a5a30}.nf-oc-m--walnut{--nf-w1: #7a5236;--nf-w2: #4a2f1d}.nf-oc-m--oak{--nf-w1: #d0a36c;--nf-w2: #a57843}.nf-oc-m--natural{--nf-w1: #e2caa6;--nf-w2: #c2a176}.nf-oc-m--teak{--nf-w1: #b07a45;--nf-w2: #7f5429}.nf-oc-m--bamboo{--nf-w1: #e6cf98;--nf-w2: #c7aa66}.nf-oc-m--ash{--nf-w1: #dcd4c6;--nf-w2: #b5aa98}.nf-oc-m--clear{background:linear-gradient(135deg,transparent 30%,rgb(255 255 255 / .95) 42%,transparent 48%),radial-gradient(circle at 32% 28%,#fff,#eef2f4 55%,#d9e1e5)}.nf-oc-m--frosted{background:radial-gradient(circle at 32% 28%,#fff,#eceff1 55%,#d6dbde)}.nf-oc-m--opal{background:radial-gradient(circle at 32% 28%,#fff,#f4f1ea 55%,#e2ddd2)}.nf-oc-m--smoke{background:linear-gradient(135deg,transparent 30%,rgb(255 255 255 / .28) 42%,transparent 48%),radial-gradient(circle at 32% 28%,#9a9da1,#6b6e72 55%,#4e5155)}.nf-oc-m--amber{background:linear-gradient(135deg,transparent 30%,rgb(255 255 255 / .35) 42%,transparent 48%),radial-gradient(circle at 32% 28%,#f0b25a,#c77d25 55%,#9a5c16)}.nf-oc-m--marble{background:linear-gradient(125deg,transparent 38%,rgb(120 120 120 / .35) 40%,transparent 44%),linear-gradient(60deg,transparent 58%,rgb(150 150 150 / .3) 60%,transparent 63%),radial-gradient(circle at 32% 28%,#fff,#f1f1f1 60%,#dedede)}.nf-oc-m--multi{background:conic-gradient(from 20deg,#d9695f,#e7b04e,#8fbf6a,#5aa3c9,#9a7cc4,#d9695f)}.nf-oc-m--none{background:repeating-linear-gradient(45deg,#efefef 0 3px,#e3e3e3 3px 6px)}.nf-oc-sw.is-sand .nf-oc-m:after,.nf-oc-sw.is-grain .nf-oc-m:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.nf-oc-sw.is-sand .nf-oc-m:after{background-image:radial-gradient(rgb(255 255 255 / .2) .6px,transparent .9px),radial-gradient(rgb(0 0 0 / .22) .6px,transparent .9px);background-size:3px 3px,4px 4px;background-position:0 0,1px 2px}.nf-oc-sw.is-grain .nf-oc-m:before{background:repeating-linear-gradient(100deg,rgb(0 0 0 / .1) 0 1px,transparent 1px 3px,rgb(255 255 255 / .08) 3px 4px,transparent 4px 7px)}.nf-oc-pw__note{align-self:flex-start;margin-top:.1rem;padding:.15rem .4rem;font-size:.6875rem;line-height:1.2;letter-spacing:.02em;color:var(--nf-ink);background:#f3f3f3;border-radius:4px}.nf-oc-sub{display:block;margin-top:-.25rem;font-size:.6875rem;line-height:1.2;text-align:center;color:#8a8a8a}
/*# sourceMappingURL=/cdn/shop/t/165/assets/nf-option-cards.css.map */