:where(.wf-pdp-viewer-3d){--wf-pdp-viewer-3d-led-white: #ffffff;--wf-pdp-viewer-3d-led-red: #ff0000;--wf-pdp-viewer-3d-led-green: #00ff00;--wf-pdp-viewer-3d-led-blue: #0000ff;--wf-pdp-viewer-3d-led-yellow: #ffff00;--wf-pdp-viewer-3d-led-cyan: #00ffff;--wf-pdp-viewer-3d-led-purple: #800080}.wf-pdp-buy .wf-pdp-viewer-3d__open{bottom:16px;left:50%;z-index:1;gap:8px;height:40px;margin:0;border:1.5px solid var(--wf-color-ink);padding:0 16px;background:var(--wf-color-card);color:var(--wf-color-ink);font-size:var(--wf-text-body-sm);font-weight:700;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;translate:-50% 0;cursor:pointer;transition:background-color var(--wf-duration-hover) ease}.wf-pdp-buy .wf-pdp-viewer-3d__open[hidden],.wf-pdp-buy__stage[data-wf-module-state=error] .wf-pdp-viewer-3d__open{display:none}@media(scripting:none){.wf-pdp-buy .wf-pdp-viewer-3d__open{display:none}}@media(hover:hover){.wf-pdp-buy .wf-pdp-viewer-3d__open:hover{background:var(--wf-color-lilac-screen)}}.wf-pdp-buy .wf-pdp-viewer-3d__open:focus-visible{outline:3px solid var(--wf-color-brand-deep);outline-offset:2px}.wf-dialog.wf-pdp-viewer-3d{width:min(1180px,calc(100% - (2*clamp(10px,3vw,34px))));height:min(86dvh,860px);max-height:calc(100dvh - (2*clamp(10px,3vw,34px)));padding:0;border-radius:var(--wf-radius-card-md);color:var(--wf-color-body);font-size:var(--wf-text-body);line-height:1.5;letter-spacing:normal;text-transform:none;text-align:start}.wf-pdp-viewer-3d__close{position:absolute;top:14px;right:14px;z-index:5;display:grid;place-items:center;width:40px;height:40px;margin:0;border:0;border-radius:var(--wf-radius-full);padding:0;background:var(--wf-color-card);color:var(--wf-color-ink);box-shadow:var(--wf-shadow-float);cursor:pointer;transition:scale .2s ease}@media(hover:hover){.wf-pdp-viewer-3d__close:hover{scale:1.06}}.wf-pdp-viewer-3d__close:focus-visible{outline:3px solid var(--wf-color-brand-deep);outline-offset:2px}.wf-pdp-viewer-3d__heading{flex:none;margin:0;padding:38px 60px 0;font-family:var(--wf-font-display);font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-.8px;line-height:1.15;text-align:center;text-transform:none;color:var(--wf-color-ink)}.wf-pdp-viewer-3d__island{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;margin-top:14px}.wf-pdp-viewer-3d__stage{position:relative;flex:1 1 auto;min-width:0;min-height:0}.wf-pdp-viewer-3d__frame{display:block;width:100%;height:100%;border:0;background:var(--wf-color-card);opacity:0;transition:opacity .45s ease}.wf-pdp-viewer-3d[data-wf-viewer-3d-state=ready] .wf-pdp-viewer-3d__frame{opacity:1}.wf-pdp-viewer-3d__dock{box-sizing:border-box;display:flex;flex:none;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:12px 36px;border-top:1px solid var(--wf-color-lilac-line);padding:16px 24px;background:var(--wf-color-card);opacity:0;translate:0 8px;transition:opacity .45s ease,translate .45s ease}.wf-pdp-viewer-3d[data-wf-viewer-3d-state=ready] .wf-pdp-viewer-3d__dock{opacity:1;translate:0 0}.wf-pdp-viewer-3d__group{display:flex;flex-direction:column;align-items:center;min-width:0}.wf-pdp-viewer-3d__label{margin:0 0 8px;font-size:var(--wf-text-kicker);font-weight:700;letter-spacing:1.4px;line-height:normal;text-align:center;text-transform:uppercase;color:var(--wf-color-soft)}.wf-pdp-viewer-3d__track{display:inline-flex;flex-wrap:nowrap;justify-content:center;border:1px solid var(--wf-color-lilac-line);border-radius:var(--wf-radius-full);padding:4px;background:var(--wf-color-lilac-ghost)}.wf-pdp-viewer-3d__choice{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;gap:8px;min-height:36px;margin:0;border:0;border-radius:var(--wf-radius-full);padding:0 14px;background:transparent;color:var(--wf-color-body);font-family:var(--wf-font-body);font-size:var(--wf-text-body-sm);font-weight:600;letter-spacing:normal;line-height:1.2;text-transform:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease}.wf-pdp-viewer-3d__choice--disc{padding:0 8px}@media(hover:hover){.wf-pdp-viewer-3d__choice:hover{color:var(--wf-color-ink)}}.wf-pdp-viewer-3d__choice[aria-pressed=true]{background:var(--wf-color-night);color:var(--wf-color-card)}.wf-pdp-viewer-3d__choice:disabled{cursor:not-allowed;opacity:.5}.wf-pdp-viewer-3d__choice:focus-visible{outline:3px solid var(--wf-color-brand-deep);outline-offset:1px}.wf-pdp-viewer-3d__swatch{display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:28px;height:28px;overflow:hidden;border:1px solid var(--wf-color-lilac-line);border-radius:var(--wf-radius-full);background:var(--wf-color-card)}.wf-pdp-viewer-3d__swatch-img{display:block;width:24px;max-width:none;height:24px;object-fit:contain}.wf-pdp-viewer-3d__disc{display:block;flex-shrink:0;box-sizing:border-box;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--wf-color-card) 70%,transparent);border-radius:var(--wf-radius-full);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wf-color-ink) 12%,transparent)}.wf-pdp-viewer-3d__disc--white{background:var(--wf-pdp-viewer-3d-led-white)}.wf-pdp-viewer-3d__disc--red{background:var(--wf-pdp-viewer-3d-led-red)}.wf-pdp-viewer-3d__disc--green{background:var(--wf-pdp-viewer-3d-led-green)}.wf-pdp-viewer-3d__disc--blue{background:var(--wf-pdp-viewer-3d-led-blue)}.wf-pdp-viewer-3d__disc--yellow{background:var(--wf-pdp-viewer-3d-led-yellow)}.wf-pdp-viewer-3d__disc--cyan{background:var(--wf-pdp-viewer-3d-led-cyan)}.wf-pdp-viewer-3d__disc--purple{background:var(--wf-pdp-viewer-3d-led-purple)}.wf-pdp-viewer-3d__disc--rainbow{background:conic-gradient(var(--wf-pdp-viewer-3d-led-red),var(--wf-pdp-viewer-3d-led-yellow),var(--wf-pdp-viewer-3d-led-green),var(--wf-pdp-viewer-3d-led-cyan),var(--wf-pdp-viewer-3d-led-blue),var(--wf-pdp-viewer-3d-led-purple),var(--wf-pdp-viewer-3d-led-red))}.wf-pdp-viewer-3d__loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;background:var(--wf-color-card);text-align:center;transition:opacity .45s ease}.wf-pdp-viewer-3d[data-wf-viewer-3d-state=ready] .wf-pdp-viewer-3d__loader{opacity:0;pointer-events:none}.wf-pdp-viewer-3d__mark{position:relative;display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:var(--wf-radius-full);background:var(--wf-color-lilac);color:var(--wf-color-brand)}.wf-pdp-viewer-3d__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--wf-radius-full);background:conic-gradient(from 0deg,transparent 0 58%,var(--wf-color-brand) 78%,var(--wf-color-cyan) 100%);-webkit-mask-image:radial-gradient(farthest-side,transparent calc(100% - 4px),black calc(100% - 3px));mask-image:radial-gradient(farthest-side,transparent calc(100% - 4px),black calc(100% - 3px))}.wf-pdp-viewer-3d__warn{display:none}.wf-pdp-viewer-3d__text{max-width:360px;margin:20px 0 0;font-size:var(--wf-text-button);font-weight:600;line-height:1.4;color:var(--wf-color-ink)}.wf-pdp-viewer-3d__bar{display:block;width:220px;height:6px;margin-top:16px;overflow:hidden;border-radius:var(--wf-radius-full);background:var(--wf-color-lilac-line)}.wf-pdp-viewer-3d__fill{display:block;width:18%;height:100%;border-radius:var(--wf-radius-full);background:var(--wf-gradient-brand);transition:width .7s ease}.wf-pdp-viewer-3d[data-wf-viewer-3d-state=preparing] .wf-pdp-viewer-3d__fill{width:62%}.wf-pdp-viewer-3d[data-wf-viewer-3d-state=ready] .wf-pdp-viewer-3d__fill{width:100%}.wf-pdp-viewer-3d[data-wf-viewer-3d-state=error] :is(.wf-pdp-viewer-3d__ring,.wf-pdp-viewer-3d__glyph,.wf-pdp-viewer-3d__bar){display:none}.wf-pdp-viewer-3d[data-wf-viewer-3d-state=error] .wf-pdp-viewer-3d__warn{display:inline-flex}@media(max-width:767px),(max-height:560px){.wf-dialog.wf-pdp-viewer-3d{width:100%;max-width:none;height:100dvh;max-height:none;border-radius:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-shadow:none}.wf-pdp-viewer-3d__close{top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 10px);width:44px;height:44px}.wf-pdp-viewer-3d__heading{padding:8px 56px 0;font-size:20px;letter-spacing:-.4px;line-height:44px}.wf-pdp-viewer-3d__island{margin-top:4px}.wf-pdp-viewer-3d__dock{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:8px;padding:12px 16px}.wf-pdp-viewer-3d__group{align-items:stretch}.wf-pdp-viewer-3d__label{margin-bottom:6px;font-size:var(--wf-text-tag);letter-spacing:1.2px;line-height:14px;text-align:start}.wf-pdp-viewer-3d__rail{margin-inline:-16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.wf-pdp-viewer-3d__rail::-webkit-scrollbar{display:none}.wf-pdp-viewer-3d__rail-inner{box-sizing:border-box;width:max-content;min-width:100%;padding-inline:16px}.wf-pdp-viewer-3d__track{display:flex;width:100%;box-sizing:border-box}.wf-pdp-viewer-3d__choice{flex-grow:1;justify-content:center;min-height:44px}.wf-pdp-viewer-3d__choice--disc{min-width:44px}.wf-pdp-viewer-3d__swatch,.wf-pdp-viewer-3d__disc{width:26px;height:26px}.wf-pdp-viewer-3d__swatch-img{width:22px;height:22px}}@media(max-width:767px){.wf-pdp-viewer-3d__bar{width:180px}}@media(max-height:560px){.wf-pdp-viewer-3d__island{flex-direction:row}.wf-pdp-viewer-3d__dock{flex-shrink:0;justify-content:flex-start;width:min(340px,48%);overflow-y:auto;border-top:0;border-left:1px solid var(--wf-color-lilac-line)}.wf-pdp-viewer-3d__dock>.wf-pdp-viewer-3d__group:first-child{margin-top:auto}.wf-pdp-viewer-3d__dock>.wf-pdp-viewer-3d__group:last-child{margin-bottom:auto}}@media(prefers-reduced-motion:reduce){.wf-pdp-buy .wf-pdp-viewer-3d__open,.wf-pdp-viewer-3d__close,.wf-pdp-viewer-3d__frame,.wf-pdp-viewer-3d__dock,.wf-pdp-viewer-3d__choice,.wf-pdp-viewer-3d__loader,.wf-pdp-viewer-3d__fill{transition:none}.wf-pdp-viewer-3d__dock{translate:none}.wf-pdp-viewer-3d__close:hover{scale:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/woopf-pdp-viewer-3d.css.map */