html:has(#PBarNextFrameWrapper){--niuk-buybar-gap: 54px}:root{--niuk-buybar-block: calc( var(--niuk-buybar-gap, 24px) + var(--size-nav-h, 72px) + env(safe-area-inset-bottom, 0px) )}.niuk-buybar-wrap{--niuk-buybar-c-white: #f2f4f6;--niuk-buybar-c-red: #ef3a39;--niuk-buybar-c-yellow: #ffe500;--niuk-buybar-c-cyan: #00a6db;--niuk-buybar-c-royal: #010173;--niuk-buybar-c-navy: #003d5b;position:fixed;left:0;right:0;bottom:calc(var(--niuk-buybar-gap, 24px) + env(safe-area-inset-bottom,0px));z-index:200;pointer-events:none}.niuk-buybar-wrap[hidden]{display:none!important}.niuk-buybar{pointer-events:auto;width:min(var(--niuk-content-w),100% - 2 * var(--lp-nav-inset));margin-inline:auto;min-height:var(--size-nav-h);padding-inline:var(--lp-nav-pad);display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--color-border-subtle);border-radius:var(--lp-nav-radius);background:var(--lp-nav-bg);-webkit-backdrop-filter:blur(var(--lp-nav-blur)) saturate(1.5);backdrop-filter:blur(var(--lp-nav-blur)) saturate(1.5);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .24s var(--motion-ease-out),transform .24s var(--motion-ease-out),visibility 0s .24s}.niuk-buybar-wrap.is-visible .niuk-buybar{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .24s var(--motion-ease-out),transform .24s var(--motion-ease-out),visibility 0s}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.niuk-buybar{background:var(--lp-nav-bg-fallback)}}.niuk-buybar__id{min-width:0}.niuk-buybar__title{font:600 15px / 1.2 var(--font-geist);color:var(--color-text-primary);white-space:nowrap}.niuk-buybar__variant{margin-top:2px;font:400 12px / 1.3 var(--font-geist);color:var(--color-text-secondary);white-space:nowrap}.niuk-buybar__controls{display:flex;align-items:center;gap:14px}.niuk-buybar__price{font:600 16px / 1.2 var(--font-geist);font-variant-numeric:tabular-nums;color:var(--color-text-primary);white-space:nowrap}.niuk-buybar__coloris{position:relative}.niuk-buybar__coloris-btn{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;background:#fff9;border:1px solid #ffffff;cursor:pointer;transition:background .12s var(--motion-ease-ui)}.niuk-buybar__coloris-btn:hover{background:#ffffffd9}.niuk-buybar__dot{width:20px;height:20px;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--niuk-buybar-dot) 0 50%,var(--niuk-buybar-dot-2, var(--niuk-buybar-dot)) 50%);border:1px solid var(--color-border-subtle)}.niuk-buybar__bulle{position:absolute;bottom:calc(100% + 12px);left:50%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fffffff0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);transform-origin:bottom center;transform:translate(calc(-50% + var(--niuk-buybar-bulle-shift, 0px))) translateY(4px) scale(.96);opacity:0;visibility:hidden;transition:opacity .24s var(--motion-ease-out),transform .24s var(--motion-ease-out),visibility 0s .24s}.niuk-buybar__bulle[hidden]{display:none!important}.niuk-buybar__bulle.is-open{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--niuk-buybar-bulle-shift, 0px))) translateY(0) scale(1);transition:opacity .24s var(--motion-ease-out),transform .24s var(--motion-ease-out),visibility 0s}.niuk-buybar__swatch{width:28px;height:28px;padding:0;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--niuk-buybar-dot) 0 50%,var(--niuk-buybar-dot-2, var(--niuk-buybar-dot)) 50%);border:1px solid var(--color-border-subtle);cursor:pointer;transition:transform .12s var(--motion-ease-ui)}.niuk-buybar__swatch:hover{transform:translateY(-1px)}.niuk-buybar__swatch.is-selected{outline:2px solid var(--niuk-buybar-dot);outline-offset:3px}.niuk-buybar__swatch.is-unavailable{opacity:.3;cursor:not-allowed}.niuk-buybar__swatch.is-unavailable:hover{transform:none}.niuk-buybar__qty{display:inline-flex;align-items:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);overflow:hidden}.niuk-buybar__qty-btn{width:32px;height:32px;border:0;background:none;font:500 16px / 1 var(--font-geist);color:var(--color-text-primary);cursor:pointer;transition:background .12s var(--motion-ease-ui)}.niuk-buybar__qty-btn:hover:not(:disabled){background:var(--b-ciel-glace)}.niuk-buybar__qty-btn:disabled{opacity:.35;cursor:default}.niuk-buybar__qty-value{min-width:28px;text-align:center;font:600 14px / 1 var(--font-geist);font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.niuk-buybar__cta{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);border:0;border-radius:var(--radius-pill);background:linear-gradient(100deg,#7dd3fc,#2e90fa);color:var(--color-cta-text);cursor:pointer;transition:filter .12s ease}.niuk-buybar__cta:hover{filter:brightness(.92)}.niuk-buybar__cta:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}@media(max-width:900px){.niuk-buybar__controls{gap:10px}}@media(max-width:700px){.niuk-buybar__id{display:none}.niuk-buybar__controls{width:100%;justify-content:space-between}.niuk-buybar__cta{padding:var(--space-xs) var(--space-sm)}}.niuk-buybar__go{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);border:0;border-radius:var(--radius-pill);background:#023047;color:#fff;cursor:pointer;pointer-events:auto;transition:filter .12s ease}.niuk-buybar__go:hover{filter:brightness(1.18)}.niuk-buybar__go[hidden]{display:none!important}.niuk-buybar__go-ico{display:none;position:relative;width:22px;height:22px}.niuk-buybar__go-ico svg{width:22px;height:22px;display:block}.niuk-buybar__go-bulle{position:absolute;top:-7px;right:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#fff;color:#023047;font:700 10px / 16px var(--font-geist);text-align:center}.niuk-buybar__go-bulle[hidden]{display:none!important}@media(max-width:700px){.niuk-buybar__go{padding:11px}.niuk-buybar__go-txt{display:none}.niuk-buybar__go-ico{display:block}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/niuk-landing-buybar.css.map */