.n-hero-product{position:relative}.n-metal-logo{width:var(--metal-size,200px);height:var(--metal-size,200px);position:absolute;bottom:calc(100% + 22px);left:50%;transform:translate(-50%)}.n-metal-logo-art{width:100%;height:100%;position:relative}.n-metal-logo-art>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.n-metal-logo-art>img.is-painted{visibility:hidden}.n-metal-logo-art>.metallic-paint{position:absolute;inset:0}.n-metal-settings{border:1px solid var(--color-rule);background:var(--color-surface);width:44px;height:44px;color:var(--color-accent);cursor:pointer;border-radius:12px;place-items:center;display:grid;position:absolute;bottom:0;right:-34px}.n-metal-settings:hover{background:var(--color-surface-active)}.n-metal-settings:active{transform:scale(.96)}.n-metal-settings:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.n-metal-toggles{flex-wrap:wrap;gap:10px 20px;margin-block:20px;display:flex}.n-metal-toggles label{align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.n-metal-toggles input{accent-color:var(--color-accent)}@media (max-width:800px){.n-metal-logo{width:min(var(--metal-size,200px),96px);height:min(var(--metal-size,200px),96px);margin:0 auto 12px;position:relative;bottom:auto;left:auto;transform:none}.n-metal-settings{width:44px;height:44px;right:-52px}}@media (max-width:800px) and (max-height:650px){.n-metal-logo{width:56px;height:56px;margin-bottom:8px}.n-hero{gap:8px;padding-block:8px}.n-metal-settings{bottom:-2px}}@media (min-width:801px) and (max-height:650px){.n-metal-logo{width:96px;height:96px;bottom:calc(100% + 10px)}}@media (prefers-reduced-motion:reduce){.n-metal-settings:active{transform:none}}
.hero-effect-button{vertical-align:top;display:inline-block}.hero-effect-button .hero-star-button{padding:0!important}.hero-effect-button .hero-primary{z-index:1;position:relative}.hero-star-button .hero-primary{border-radius:13px}.hero-electric-button{display:inline-block}.hero-effect-button .shiny-text{white-space:nowrap}.hero-effect-button .hero-primary:focus-visible{outline:3px solid var(--color-ink);outline-offset:5px}.hero-effect-button .hero-primary:focus-visible:after{content:"";border:1px solid var(--color-accent);pointer-events:none;border-radius:18px;position:absolute;inset:-7px}