.section-takeover-transition{display:flex;justify-content:center}.section-takeover-transition .takeover-transition{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform:translate(-100%);z-index:10000;transition-delay:.75s}.section-takeover-transition .takeover-transition.is-loading{transform:translate(0);transition-delay:0s}.section-takeover-transition .takeover-transition.is-loading .pane{transform:translateY(0)}.section-takeover-transition .takeover-transition.is-loading .pane:nth-child(1){transition-delay:0ms}.section-takeover-transition .takeover-transition.is-loading .pane:nth-child(2){transition-delay:75ms}.section-takeover-transition .takeover-transition.is-loading .pane:nth-child(3){transition-delay:.15s}.section-takeover-transition .takeover-transition.is-branding .pane:nth-child(1){background:var(--transition-colour-1)}.section-takeover-transition .takeover-transition.is-branding .pane:nth-child(2){background:var(--transition-colour-2)}.section-takeover-transition .takeover-transition.is-branding .pane:nth-child(2) .brand-logo{display:block}.section-takeover-transition .takeover-transition.is-branding .pane:nth-child(2) .ftf-logo{display:none}.section-takeover-transition .takeover-transition.is-branding .pane:nth-child(3){background:var(--transition-colour-3)}.section-takeover-transition .takeover-transition .pane{flex:1;height:100%;transition:transform ease-in-out .75s;transform:translateY(-100vh);position:relative;z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.section-takeover-transition .takeover-transition .pane:nth-child(1){transition-delay:0ms;background:var(--colour-primary)}.section-takeover-transition .takeover-transition .pane:nth-child(2){transition-delay:50ms;background:var(--colour-secondary)}.section-takeover-transition .takeover-transition .pane:nth-child(2) .brand-logo{display:none}.section-takeover-transition .takeover-transition .pane:nth-child(2) .ftf-logo{display:block}.section-takeover-transition .takeover-transition .pane:nth-child(3){transition-delay:.1s;background:var(--colour-tertiary)}.section-takeover-transition .takeover-transition .pane img{width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/548/assets/section-takeover-transition.css.map */