.name-zoom-toggle:not([hidden]){display:flex;align-items:center;justify-content:center;gap:7px;height:40px;margin:8px auto;padding:8px 14px;border:1px solid #c9bea9;border-radius:999px;background:#fffdf7;color:#695634;font:inherit;font-size:12px;line-height:1.2;cursor:pointer}.name-zoom-toggle[hidden]{display:none}.merged-preview .name-zoom-toggle>svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.name-zoom-toggle[aria-pressed=true]{background:#eee7da;border-color:#b7a789}.name-zoom-toggle:focus-visible{outline:2px solid #79603a;outline-offset:3px}.merged-preview>svg[data-config-preview],.merged-preview>svg[data-necklace-preview]{overflow:hidden;cursor:zoom-in}.merged-preview:has(.name-zoom-toggle[aria-pressed=true])>svg{cursor:zoom-out}.name-zoom-content{transform-box:view-box;transform-origin:0 0}.name-zoom-bloom{transform-box:fill-box;transform-origin:center}.name-zoom-snapshot{pointer-events:none;transform-box:fill-box;transform-origin:center}.is-zooming .name-zoom-bloom:is(.is-entering,.is-returning),.is-zooming>.name-zoom-snapshot{will-change:transform,opacity,filter;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both}.name-zoom-bloom.is-entering{animation-name:name-bloom-in;animation-duration:.7s}.name-zoom-bloom.is-returning{animation-name:name-bloom-return;animation-duration:.5s}.name-zoom-snapshot.is-leaving-full{animation-name:name-bloom-leave-full;animation-duration:.7s}.name-zoom-snapshot.is-leaving-zoom{animation-name:name-bloom-leave-zoom;animation-duration:.5s}@keyframes name-bloom-in{0%{opacity:0;transform:scale(.94);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes name-bloom-return{0%{opacity:0;transform:scale(1.03);filter:blur(3px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes name-bloom-leave-full{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(1.03);filter:blur(3px)}}@keyframes name-bloom-leave-zoom{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(.94);filter:blur(6px)}}@keyframes name-crossfade-in{0%{opacity:0}to{opacity:1}}@keyframes name-crossfade-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.is-zooming .name-zoom-bloom:is(.is-entering,.is-returning),.is-zooming>.name-zoom-snapshot{animation-duration:.18s;animation-timing-function:linear;will-change:opacity}.is-zooming>.name-zoom-content>.name-zoom-bloom:is(.is-entering,.is-returning){animation:name-crossfade-in .18s linear both!important}.is-zooming>.name-zoom-snapshot:is(.is-leaving-full,.is-leaving-zoom){animation:name-crossfade-out .18s linear both!important}}.name-zoom-toggle,.merged-preview>svg[data-config-preview],.merged-preview>svg[data-necklace-preview]{touch-action:manipulation}.name-zoom-toggle{position:relative;z-index:1;pointer-events:auto}@media(hover:none){.merged-preview>svg[data-config-preview],.merged-preview>svg[data-necklace-preview]{cursor:pointer}}html.name-zoom-animating{overflow-anchor:none;scroll-behavior:auto!important}.merged-preview>svg[data-zoom-available=false]{cursor:default}
/*# sourceMappingURL=/cdn/shop/t/23/assets/name-zoom.css.map */