.diffy-assembly{background:#fff!important;padding-top:var(--pad-top-m, 48px)!important;padding-bottom:var(--pad-bot-m, 48px)!important;font-family:-apple-system,BlinkMacSystemFont,sans-serif!important}.diffy-assembly__inner{max-width:1080px;margin:0 auto;padding:0 24px;text-align:center}.diffy-assembly__text{width:100%}.diffy-assembly__text,.diffy-assembly__caption{transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.diffy-assembly--text-left .diffy-assembly__text{text-align:left}.diffy-assembly--text-center .diffy-assembly__text{text-align:center}.diffy-assembly--text-right .diffy-assembly__text{text-align:right}.diffy-assembly--reveal-text .diffy-assembly__text,.diffy-assembly--reveal-text .diffy-assembly__caption{opacity:0;transform:translateY(14px)}.diffy-assembly--reveal-text.is-text-visible .diffy-assembly__text,.diffy-assembly--reveal-text.is-text-visible .diffy-assembly__caption{opacity:1;transform:translateY(0)}.diffy-assembly__heading{margin:0 0 12px;color:#111!important;font-size:clamp(28px,4vw,40px);font-weight:600!important;line-height:1.1;letter-spacing:-.02em!important}.diffy-assembly__subheading{max-width:480px;margin:0 auto;color:#555!important;font-size:17px;font-weight:400!important;line-height:1.5}.diffy-assembly--text-left .diffy-assembly__subheading{margin-right:auto;margin-left:0}.diffy-assembly--text-right .diffy-assembly__subheading{margin-right:0;margin-left:auto}.diffy-assembly__stage+.diffy-assembly__text{margin-top:var(--text-gap-m, 24px)}.diffy-assembly__text+.diffy-assembly__stage{margin-top:var(--text-gap-m, 24px)}.diffy-assembly__button-wrap{display:flex;width:100%;margin-top:24px}.diffy-assembly__button-wrap--left{justify-content:flex-start}.diffy-assembly__button-wrap--center{justify-content:center}.diffy-assembly__button-wrap--right{justify-content:flex-end}.diffy-assembly__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 28px;border:1px solid #4b0082;border-radius:10px;background:indigo;color:#fff!important;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none!important;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.diffy-assembly__button:hover{border-color:#35005c;background:#35005c;transform:translateY(-1px)}.diffy-assembly__button:active{transform:translateY(0)}.diffy-assembly__button:focus-visible{outline:2px solid #4b0082;outline-offset:3px}.diffy-assembly__stage{--spread-scale: .35;--active-drop-distance: var(--drop-distance-m, 70px);position:relative;overflow:hidden;isolation:isolate;aspect-ratio:var(--stage-ratio-m, 4 / 3);border-radius:16px!important;background:#f8f9fa!important}.diffy-assembly--frame-none .diffy-assembly__stage{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.diffy-assembly__layer{--active-base-x: var(--base-x-m, 0);--active-base-y: var(--base-y-m, 0);--active-stage-y: var(--stage-content-y-m, 0px);--active-layer-scale: var(--layer-scale-m, 100);position:absolute;top:50%;left:50%;width:var(--layer-width-m, 90%);will-change:transform;transition:transform var(--duration, 1.8s) cubic-bezier(.16,1,.3,1);transition-delay:var(--delay, 0ms)}.diffy-assembly--assembly .diffy-assembly__layer{transform:translate(-50%,-50%) translate(calc(var(--active-base-x, 0) * 1px),calc(var(--active-base-y, 0) * 1px)) translateY(var(--active-stage-y, 0px)) rotate(calc(var(--base-rot, 0) * 1deg)) scale(calc(var(--active-layer-scale, 100) / 100))}.diffy-assembly--assembly .diffy-assembly__stage.is-triggered .diffy-assembly__layer{transform:translate(-50%,-50%) translate(calc((var(--active-base-x, 0) + (var(--spread-x, 0) * var(--spread-scale, 1))) * 1px),calc((var(--active-base-y, 0) + (var(--spread-y, 0) * var(--spread-scale, 1))) * 1px)) translateY(var(--active-stage-y, 0px)) rotate(calc(var(--base-rot, 0) * 1deg)) scale(calc(var(--active-layer-scale, 100) / 100))}.diffy-assembly--vertical-drop .diffy-assembly__layer{transform:translate(-50%,-50%) translate(calc(var(--active-base-x, 0) * 1px),calc((var(--active-base-y, 0) * 1px) - var(--active-drop-distance))) translateY(var(--active-stage-y, 0px)) rotate(calc(var(--base-rot, 0) * 1deg)) scale(calc(var(--active-layer-scale, 100) / 100))}.diffy-assembly--vertical-drop .diffy-assembly__stage.is-triggered .diffy-assembly__layer{transform:translate(-50%,-50%) translate(calc(var(--active-base-x, 0) * 1px),calc(var(--active-base-y, 0) * 1px)) translateY(var(--active-stage-y, 0px)) rotate(calc(var(--base-rot, 0) * 1deg)) scale(calc(var(--active-layer-scale, 100) / 100))}.diffy-assembly__layer img{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.diffy-assembly__reference{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.diffy-assembly__reference img{width:var(--ref-width-m, 90%);height:auto;object-fit:contain;transform:translate(var(--ref-x-m, 0),var(--ref-y-m, 0))}.diffy-assembly__caption{margin:24px 0 0;color:#555!important;font-size:14px;line-height:1.5}@media(min-width:990px){.diffy-assembly{padding-top:var(--pad-top-d, 96px)!important;padding-bottom:var(--pad-bot-d, 96px)!important}.diffy-assembly__stage{--spread-scale: 1;--active-drop-distance: var(--drop-distance-d, 140px);aspect-ratio:var(--stage-ratio-d, 16 / 9)}.diffy-assembly__layer{--active-base-x: var(--base-x, 0);--active-base-y: var(--base-y, 0);--active-stage-y: 0px;--active-layer-scale: var(--layer-scale, 100);width:var(--layer-width-d, 55%)}.diffy-assembly__reference img{width:var(--ref-width-d, 55%);transform:translate(var(--ref-x-d, 0),var(--ref-y-d, 0))}.diffy-assembly__stage+.diffy-assembly__text,.diffy-assembly__text+.diffy-assembly__stage{margin-top:var(--text-gap-d, 40px)}}@media(prefers-reduced-motion:reduce){.diffy-assembly--reveal-text .diffy-assembly__text,.diffy-assembly--reveal-text .diffy-assembly__caption{opacity:1;transform:none;transition:none}.diffy-assembly__layer,.diffy-assembly__stage.is-triggered .diffy-assembly__layer{transition:none!important}.diffy-assembly--vertical-drop .diffy-assembly__layer{transform:translate(-50%,-50%) translate(calc(var(--active-base-x, 0) * 1px),calc(var(--active-base-y, 0) * 1px)) translateY(var(--active-stage-y, 0px)) rotate(calc(var(--base-rot, 0) * 1deg)) scale(calc(var(--active-layer-scale, 100) / 100))}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/diffy-story-assembly.css.map */