.lug-moon{--lug-moon-deep: #0a0f24;--lug-moon-mid: #151d40;--lug-moon-far: #2b3468;--lug-moon-ring: rgba(9, 9, 11, .14);--lug-moon-ring-faint: rgba(9, 9, 11, .075);position:relative;isolation:isolate}.lug-moon.lug-product-page{background:radial-gradient(115% 62% at 80% -6%,rgba(var(--lug-pdp-accent-rgb),.15),transparent 62%),radial-gradient(90% 46% at 8% 2%,rgba(var(--lug-pdp-accent-rgb),.07),transparent 62%),linear-gradient(180deg,#f6f7fc,#fff 40%,#fafbfe)}.lug-moon .lug-pdp-main-card{background:radial-gradient(circle at 50% 45%,rgba(var(--lug-pdp-accent-rgb),.13),transparent 23rem),linear-gradient(150deg,#fff,#f5f7fd 58%,#eef1fb);border-color:rgba(var(--lug-pdp-accent-rgb),.16)}.lug-moon .lug-pdp-main-card:before{display:none}.lug-moon-orbits{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.lug-moon-ring{fill:none;stroke:var(--lug-moon-ring);stroke-width:1;vector-effect:non-scaling-stroke}.lug-moon-ring--faint{stroke:var(--lug-moon-ring-faint)}.lug-moon-ring--dashed{stroke:rgba(var(--lug-pdp-accent-rgb),.3);stroke-dasharray:2 8;stroke-linecap:round}.lug-moon-planet{fill:var(--lug-pdp-accent)}.lug-moon-planet--soft{fill:#09090b4d}.lug-moon-planet--tiny{fill:rgba(var(--lug-pdp-accent-rgb),.55)}.lug-moon-spin{transform-origin:300px 300px;animation:lugMoonSpin 44s linear infinite}.lug-moon-spin--slow{animation-duration:96s}.lug-moon-spin--mid{animation-duration:62s}.lug-moon-spin--fast{animation-duration:34s;animation-direction:reverse}.lug-moon-float{animation:lugMoonDrift 11s ease-in-out infinite}.lug-moon-float--b{animation-duration:8.5s;animation-delay:-2.4s}@keyframes lugMoonSpin{to{transform:rotate(360deg)}}@keyframes lugMoonDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.lug-moon-tagline{margin:18px 0 0;max-width:30ch;font-size:clamp(17px,1.8vw,21px);font-weight:800;line-height:1.32;letter-spacing:-.035em}.lug-moon-intro{margin:12px 0 0;max-width:52ch;color:var(--lug-pdp-muted);font-size:clamp(15px,1.5vw,16.5px);line-height:1.6}.lug-moon-selector{margin-top:30px;padding-top:26px;border-top:1px solid var(--lug-pdp-line)}.lug-moon-selector-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}.lug-moon-selector-head h2{margin:0;font-size:clamp(19px,2vw,23px);font-weight:850;letter-spacing:-.045em}.lug-moon-count{display:inline-flex;align-items:center;gap:8px;color:var(--lug-pdp-muted);font-size:12px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.lug-moon-count:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lug-pdp-accent);box-shadow:0 0 0 4px rgba(var(--lug-pdp-accent-rgb),.14)}.lug-moon-fieldset{border:0;padding:0;margin:20px 0 0;min-width:0}.lug-moon-legend{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:0 0 11px;float:left}.lug-moon-legend>span{color:var(--lug-pdp-muted);font-size:12px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.lug-moon-legend>strong{font-size:14px;font-weight:850;letter-spacing:-.02em;text-align:right}.lug-moon-pills{clear:both;display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:8px}.lug-moon-pill{position:relative;display:flex;align-items:center;gap:9px;min-height:44px;padding:6px 13px 6px 6px;border:1.5px solid var(--lug-pdp-line);border-radius:999px;background:#fff;cursor:pointer;transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .24s ease,box-shadow .24s ease}.lug-moon-pill input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.lug-moon-chip{position:relative;width:30px;height:30px;flex:0 0 auto;border-radius:50%;background-color:#eef0f7;background-size:175%;background-position:center;background-repeat:no-repeat;border:1px solid rgba(9,9,11,.1);transition:box-shadow .24s ease}.lug-moon-pill-label{min-width:0;font-size:13px;font-weight:800;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lug-moon-pill:hover{transform:translateY(-2px);border-color:rgba(var(--lug-pdp-accent-rgb),.5);box-shadow:0 10px 22px rgba(var(--lug-pdp-accent-rgb),.16)}.lug-moon-pill.is-selected{border-color:var(--lug-pdp-ink);box-shadow:0 0 0 1px var(--lug-pdp-ink),0 12px 26px rgba(var(--lug-pdp-accent-rgb),.2)}.lug-moon-pill.is-selected .lug-moon-chip{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--lug-pdp-accent)}.lug-moon-pill:focus-within{outline:2px solid var(--lug-pdp-accent);outline-offset:3px}.lug-moon-pill.is-unavailable{opacity:.4}.lug-moon-pill.is-unavailable .lug-moon-chip{filter:grayscale(1)}.lug-moon-pill.is-unavailable .lug-moon-pill-label{text-decoration:line-through}.lug-moon-note-inline{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 15px;border:1px solid var(--lug-pdp-line);border-radius:16px;background:#ffffffb8;color:var(--lug-pdp-muted);font-size:13px;line-height:1.5}.lug-moon-note-dot{width:8px;height:8px;margin-top:6px;flex:0 0 auto;border-radius:50%;background:var(--lug-pdp-accent);box-shadow:0 0 0 4px rgba(var(--lug-pdp-accent-rgb),.13)}.lug-moon-benefits{padding:clamp(20px,4vw,40px) 0 clamp(40px,6vw,70px)}.lug-moon-benefits-inner{position:relative;overflow:hidden;padding:clamp(32px,5vw,62px);border:1px solid rgba(255,255,255,.1);border-radius:clamp(28px,4vw,46px);color:#fff;background:radial-gradient(70% 55% at 50% 0%,rgba(var(--lug-pdp-accent-rgb),.55),transparent 72%),linear-gradient(180deg,var(--lug-moon-deep) 0%,var(--lug-moon-mid) 56%,var(--lug-moon-far) 100%)}.lug-moon-benefits-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(1.4px 1.4px at 12% 22%,rgba(255,255,255,.85),transparent),radial-gradient(1.2px 1.2px at 78% 14%,rgba(255,255,255,.7),transparent),radial-gradient(1.6px 1.6px at 34% 68%,rgba(255,255,255,.55),transparent),radial-gradient(1.2px 1.2px at 88% 62%,rgba(255,255,255,.6),transparent),radial-gradient(1.3px 1.3px at 58% 34%,rgba(255,255,255,.5),transparent),radial-gradient(1.1px 1.1px at 22% 86%,rgba(255,255,255,.45),transparent),radial-gradient(1.5px 1.5px at 68% 88%,rgba(255,255,255,.4),transparent);animation:lugMoonTwinkle 7s ease-in-out infinite}@keyframes lugMoonTwinkle{0%,to{opacity:.55}50%{opacity:1}}.lug-moon-benefits-arc{position:absolute;left:50%;top:-58%;width:150%;aspect-ratio:1;transform:translate(-50%);border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none;animation:lugMoonDrift 13s ease-in-out infinite}.lug-moon-benefits-inner>*{position:relative;z-index:1}.lug-moon-benefits h2{margin:14px 0 0;max-width:16ch;font-size:clamp(32px,4.6vw,60px);line-height:.94;font-weight:830;letter-spacing:-.062em}.lug-moon-benefits .lug-pdp-mini-kicker{color:#ffffff9e}.lug-moon-benefits-lead{margin:18px 0 0;max-width:56ch;color:#ffffff9e;font-size:15.5px;line-height:1.6}.lug-moon-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:12px;margin-top:clamp(28px,4vw,46px)}.lug-moon-card{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#ffffff0e;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease}.lug-moon-card:hover{transform:translateY(-5px);background:#ffffff1a;border-color:#ffffff3d}.lug-moon-card-dot{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#fff,#fff6 46%,#ffffff12);box-shadow:0 0 0 6px #ffffff0d}.lug-moon-card h3{margin:18px 0 0;font-size:16px;font-weight:850;letter-spacing:-.03em}.lug-moon-card p{margin:9px 0 0;color:#fff9;font-size:13.5px;line-height:1.55}.lug-moon-disclaimer{max-width:780px;margin:0 auto clamp(54px,8vw,92px);padding:0 4px;color:var(--lug-pdp-muted);font-size:12.5px;line-height:1.6;text-align:center}@media(max-width:990px){.lug-moon-tagline{max-width:none}}@media(max-width:680px){.lug-moon-pills{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:7px}.lug-moon-pill{padding-right:11px;gap:7px}.lug-moon-chip{width:26px;height:26px}.lug-moon-pill-label{font-size:12.5px}.lug-moon-selector-head h2{font-size:21px}.lug-moon-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.lug-moon-card{padding:18px;border-radius:20px}}@media(prefers-reduced-motion:reduce){.lug-moon-spin,.lug-moon-float,.lug-moon-benefits-arc,.lug-moon-benefits-inner:before{animation:none!important}.lug-moon-pill,.lug-moon-card{transition:border-color .2s ease,box-shadow .2s ease!important}.lug-moon-pill:hover,.lug-moon-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/lug-moon.css.map */