.ccm-native-crystal-viewer{position:relative;display:block;width:100%;height:100%;min-height:20rem;overflow:hidden;color:#fff;background:radial-gradient(circle at 18% 72%,rgba(235,74,184,.25),transparent 44%),linear-gradient(135deg,#6e86e8,#49349f 58%,#5b248e);isolation:isolate}.ccm-native-crystal-viewer__frame,.ccm-native-crystal-viewer__frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ccm-native-crystal-viewer__frame iframe{display:block;border:0;background:transparent}.ccm-native-crystal-viewer__frame{z-index:0;opacity:0;pointer-events:none;transition:opacity .28s ease}.ccm-native-crystal-viewer.is-ready .ccm-native-crystal-viewer__frame{opacity:1;pointer-events:auto}.ccm-native-crystal-viewer__status{position:absolute;z-index:3;left:50%;top:50%;max-width:calc(100% - 3rem);display:inline-flex;min-height:1.5rem;padding:0;transform:translate(-50%,-50%);border:0;background:transparent;box-shadow:none;color:#fff;font-size:.75rem;font-weight:650;line-height:1.2;text-align:center;white-space:normal;text-shadow:0 1px 12px rgba(29,17,72,.34);align-items:center;gap:.65rem;transition:opacity .18s ease,visibility 0s linear .18s;pointer-events:none}.ccm-native-crystal-viewer__status:before{width:.9rem;height:.9rem;flex:0 0 auto;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;content:"";animation:ccm-native-crystal-loading .8s linear infinite}@keyframes ccm-native-crystal-loading{to{transform:rotate(360deg)}}.ccm-native-crystal-viewer.is-ready .ccm-native-crystal-viewer__status{opacity:0;visibility:hidden}.ccm-native-crystal-viewer.is-error .ccm-native-crystal-viewer__status:before{display:none}.ccm-native-crystal-viewer__shapes{position:absolute;z-index:4;top:50%;left:10px;display:flex;flex-direction:column;gap:clamp(2px,1vh,6px);max-height:min(90vh,100%);padding:0;transform:translateY(-50%);color:#fff;--ccm-shape-size: clamp(44px, 8vh, 64px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.ccm-native-crystal-viewer.is-ready .ccm-native-crystal-viewer__shapes{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.ccm-native-crystal-viewer__shape{position:relative;display:grid;width:var(--ccm-shape-size);height:var(--ccm-shape-size);margin:0;padding:calc(var(--ccm-shape-size) * .18);border:0;border-radius:50%;background:transparent;color:#fff;opacity:.5;cursor:pointer;place-items:center;transition:opacity .16s ease,background-color .16s ease}.ccm-native-crystal-viewer__shape:hover,.ccm-native-crystal-viewer__shape:focus-visible,.ccm-native-crystal-viewer__shape.is-active{opacity:1}.ccm-native-crystal-viewer__shape:focus-visible{outline:2px solid rgba(255,255,255,.92);outline-offset:-2px}.ccm-native-crystal-viewer__shape.is-active:before{position:absolute;left:0;width:clamp(2px,calc(var(--ccm-shape-size) * .05),4px);height:calc(var(--ccm-shape-size) * .4);border-radius:2px;background:#e34db7;content:""}.ccm-native-crystal-viewer__shape svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.33333;stroke-linecap:round;stroke-linejoin:round}.ccm-native-crystal-viewer__retry{position:absolute;z-index:4;left:50%;bottom:clamp(.8rem,2.5vw,1.4rem);min-height:2.75rem;padding:.7rem 1.2rem;transform:translate(-50%);border:0;border-radius:var(--theme-sm-radius, .35rem);color:#fff;background:var(--theme-blue-40, #3447a6);box-shadow:0 .75rem 2rem #190d3d3d;font:inherit;font-size:.8125rem;font-weight:700;white-space:nowrap;cursor:pointer}.ccm-native-crystal-viewer__cta{position:absolute;z-index:4;right:30px;bottom:30px;display:flex;align-items:center;justify-content:center;width:auto;min-width:200px;max-width:400px;padding:14px 30px;gap:10px;border:0;border-radius:8px;background:linear-gradient(90deg,#eb4ab8,#c54de0);box-shadow:0 6px 14px #651a704d;color:#fff;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer;transform:scale(var(--responsive-scale, 1));transform-origin:bottom right;opacity:0;visibility:hidden;pointer-events:none;transition:transform .2s cubic-bezier(.25,.46,.45,.94),opacity .18s ease,visibility 0s linear .18s;will-change:transform}.ccm-native-crystal-viewer.is-ready .ccm-native-crystal-viewer__cta{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.ccm-native-crystal-viewer__cta:hover,.ccm-native-crystal-viewer__cta:focus-visible{transform:scale(calc(var(--responsive-scale, 1) * 1.1))}.ccm-native-crystal-viewer__retry{bottom:calc(50% - 3.5rem)}.ccm-native-crystal-viewer__retry[hidden]{display:none}@media(max-width:540px){.ccm-native-crystal-viewer{min-height:18rem}.ccm-native-crystal-viewer__shapes{left:0;--ccm-shape-size: clamp(38px, 7.5vh, 48px)}.ccm-native-crystal-viewer__shape{padding:calc(var(--ccm-shape-size) * .2)}.ccm-native-crystal-viewer__shape.is-active:before{height:calc(var(--ccm-shape-size) * .32)}.ccm-native-crystal-viewer__cta{right:14px;bottom:14px;min-width:0;max-width:calc(100% - 5rem);padding:11px 18px;font-size:14px}}@media(prefers-reduced-motion:reduce){.ccm-native-crystal-viewer__status{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/ccm-native-crystal-viewer.css.map */