.fp-transform{width:100%;min-width:0;color:var(--fp-ink);font-family:inherit;position:relative;container-type:inline-size}.fp-transform-square{isolation:isolate;aspect-ratio:1;background:radial-gradient(ellipse at 76% 58%,color-mix(in srgb,var(--fp-accent) 18%,transparent),transparent 48%),radial-gradient(ellipse at 12% 20%,#fff,transparent 52%),#f1f2ee;border-radius:20px;width:100%;position:relative;overflow:hidden}.fp-transform-grid{z-index:-1;background-image:linear-gradient(#27484b08 1px,#0000 1px),linear-gradient(90deg,#27484b08 1px,#0000 1px);background-size:8.333% 8.333%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 75%);mask-image:linear-gradient(135deg,#000,#0000 75%)}.fp-transform-brand{letter-spacing:.15em;font-size:clamp(10px,2.1cqi,14px);font-weight:800;line-height:1.5;position:absolute;top:5%;left:6%}.fp-transform-brand>span{letter-spacing:.08em;color:#527074;font-size:clamp(9px,1.6cqi,11px);font-weight:400;display:block}.fp-transform-word{z-index:-1;letter-spacing:-.08em;color:color-mix(in srgb,var(--fp-ink) 5%,transparent);-webkit-user-select:none;user-select:none;font-size:18cqi;font-weight:900;line-height:.88;position:absolute;top:28%;left:6%;transform:rotate(-90deg)}.fp-transform-item{aspect-ratio:3/4;filter:drop-shadow(0 18px 14px #0b252326);position:absolute;overflow:hidden}.fp-transform-item>img{left:0;object-fit:fill!important;aspect-ratio:auto!important;width:200%!important;max-width:none!important;height:100%!important;animation:none!important;display:block!important;position:absolute!important;top:0!important}.fp-transform-blank{z-index:1;width:53%;top:14%;left:4%;transform:rotate(-5deg)}.fp-transform-printed{z-index:2;filter:drop-shadow(-12px 15px 13px #0b252340);width:54%;top:14%;left:38%;transform:rotate(4deg)}.fp-transform-printed>img{left:-100%!important}.fp-transform[data-shape=waist] .fp-transform-item{aspect-ratio:1}.fp-transform[data-shape=waist] .fp-transform-item>img{height:133.333%!important;top:-16.667%!important}.fp-transform[data-shape=waist] .fp-transform-blank{width:56%;top:22%;left:4%}.fp-transform[data-shape=waist] .fp-transform-printed{width:63%;top:25%;left:31%}.fp-transform-arrows{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fp-transform-arrows path{stroke:var(--fp-accent);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round}.fp-transform-arrows .fp-transform-flow{stroke-dasharray:8 11;animation:1.5s linear infinite fp-transform-flow}.fp-transform-arrows .fp-transform-orbit{stroke:var(--fp-secondary);stroke-width:1.5px;opacity:.6;stroke-dasharray:3 7;animation:3s linear infinite reverse fp-transform-flow}.fp-transform-spark{z-index:3;width:2%;height:2%;color:var(--fp-secondary);animation:3s ease-in-out infinite fp-transform-spark;position:absolute}.fp-transform-spark:before,.fp-transform-spark:after{content:"";background:currentColor;border-radius:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fp-transform-spark:before{width:2px;height:100%}.fp-transform-spark:after{width:100%;height:2px}.fp-transform-spark-a{top:15%;left:83%}.fp-transform-spark-b{width:1.5%;height:1.5%;animation-delay:1s;top:75%;left:92%}.fp-transform-spark-c{width:1.3%;height:1.3%;animation-delay:2s;top:88%;left:25%}.fp-transform-label{z-index:4;letter-spacing:.1em;font-size:clamp(9px,1.9cqi,13px);font-weight:700;line-height:1.4;position:absolute}.fp-transform-label-before{color:#527074;bottom:10%;left:6%}.fp-transform-label-after{text-align:right;bottom:5%;right:7%}.fp-transform-label small{letter-spacing:.01em;color:#527074;margin-top:4px;font-size:clamp(10px,1.6cqi,11px);font-weight:400;display:block}.fp-transform-swatches{align-items:center;gap:5px;display:flex;position:absolute;bottom:5%;left:6%}.fp-transform-swatches i{background:var(--fp-ink);border-radius:50%;width:clamp(5px,1.3cqi,8px);height:clamp(5px,1.3cqi,8px)}.fp-transform-swatches i:nth-child(2){background:var(--fp-accent)}.fp-transform-swatches i:nth-child(3){background:var(--fp-secondary)}.fp-transform-pause{z-index:5;color:#527074;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#ffffffd9;border:1px solid #22464725;border-radius:30px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-size:11px;display:flex;position:absolute;top:3%;right:4%}.fp-transform-pause:focus-visible{outline:3px solid var(--fp-ink);outline-offset:3px}.fp-transform[data-paused=true] *,.motion-paused .fp-transform *{animation-play-state:paused!important}.fullprint-catalog .custom-card-image:has(.fp-transform){padding:0}.custom-card-image>.fp-transform{align-self:stretch}.custom-card-image:has(.fp-transform)>.custom-card-tag{display:none}.custom-card-image .fp-transform-square{border-radius:12px}.fullprint-transformation-thumb{aspect-ratio:1;background:#f1f2ee;border-radius:9px;display:block;position:relative;overflow:hidden}.fullprint-transformation-thumb img{object-position:left;transform:translate(-25%);object-fit:contain!important;aspect-ratio:1.5!important;width:200%!important;max-width:none!important;height:100%!important}.fp-hero-example{min-width:0;margin:0;position:relative}.fp-hero-example figcaption{color:#697065;text-align:center;margin-top:12px;font-size:11px;line-height:1.5}@keyframes fp-transform-flow{to{stroke-dashoffset:-38px}}@keyframes fp-transform-spark{0%,to{opacity:.35;transform:scale(.65)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(90deg)}}@container (width<=360px){.fp-transform-brand>span,.fp-transform-label small{display:none}.fp-transform-square{border-radius:14px}.fp-transform-pause>span{display:none}.fp-transform-label{letter-spacing:.04em;font-size:clamp(8px,2.8cqi,11px)}.fp-transform-label-after{bottom:5%}}@media (prefers-reduced-motion:reduce){.fp-transform *{transition:none!important;animation:none!important}.fp-transform-pause{display:none}}.fp-keychain-pair{z-index:2;position:absolute;inset:12% 2% 15%}.fp-keychain-pair img{object-fit:contain;width:100%;height:100%}.fp-transform[data-shape=keychains] .fp-transform-item,.fp-transform[data-shape=keychains] .fp-transform-word{display:none}.fp-transform[data-shape=keychains] .fp-transform-label-before{bottom:10%;left:8%}.fp-transform[data-shape=keychains] .fp-transform-label-after{bottom:5%;right:6%}.fp-transform[data-shape=keychains] .fp-transform-label{letter-spacing:.02em;font-size:clamp(8px,2.1cqi,13px)}
