:where(body[data-dtfl-homepage=true]) .product-scenery{--scene-ink:#616a75;--scene-line:#818b98;--scene-dot:#7c8797;--scene-glass-hi:#fff;--scene-glass-lo:#d9dee5;--scene-edge:#a9b3c0;--scene-metal-low:#83909f;--scene-metal-mid:#bac4d0;--scene-red:#E50914;pointer-events:none;-webkit-user-select:none;user-select:none}html:where(:has(>body[data-dtfl-homepage=true]))[data-product-appearance=dark] .product-scenery{--scene-ink:#b7c2d0;--scene-line:#738197;--scene-dot:#9aaabd;--scene-glass-hi:#c1cfdf;--scene-glass-lo:#151a22;--scene-edge:#8495aa;--scene-metal-low:#405169;--scene-metal-mid:#94a8c1}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-surface{-webkit-mask-image:none;mask-image:none}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-svg{display:block;width:100%;height:100%;overflow:visible}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-glow-stop{stop-color:var(--scene-line)}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-shadow-stop{stop-color:var(--scene-ink)}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-line-stop{stop-color:var(--scene-line)}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-glass-hi-stop{stop-color:var(--scene-glass-hi)}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-glass-lo-stop{stop-color:var(--scene-glass-lo)}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-metal-low-stop{stop-color:var(--scene-metal-low)}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-metal-mid-stop{stop-color:var(--scene-metal-mid)}:where(body[data-dtfl-homepage=true]) .product-scenery [data-phone-nodes]{overflow:visible}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-section-arc{stroke-width:1.1;opacity:.6;stroke-linecap:round}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-section-arc:nth-child(4),:where(body[data-dtfl-homepage=true]) .product-scenery .scene-section-arc:nth-child(5){stroke-width:.8;opacity:.3}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-section-dots{fill:var(--scene-dot);opacity:.62}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-route-base{stroke:var(--scene-line);stroke-width:1.15;opacity:.32;stroke-linecap:round;transition:opacity .6s ease}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-signal{stroke:var(--scene-red);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:.08 .92;stroke-dashoffset:1.08;opacity:0}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-node-shadow{display:none}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-node-material{filter:none}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-node-material>circle:first-child{opacity:.34}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-node-edge{stroke:var(--scene-edge);stroke-width:1.2;opacity:.42}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-node-catchlight{stroke:var(--scene-glass-hi);stroke-width:1.2;opacity:.52}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-node-material>circle:nth-of-type(3){opacity:.22}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-node-icon{fill:none;stroke:var(--scene-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.86}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-node-status{fill:var(--scene-red);opacity:.18;transition:opacity .5s ease}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-node-halo{stroke:var(--scene-red);stroke-width:.9;opacity:0;transform-box:fill-box;transform-origin:center}:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="0"] .route-0,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="1"] .route-1,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="2"] .route-2{opacity:.48}:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="0"] .scene-node-0 .scene-node-status,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="1"] .scene-node-1 .scene-node-status,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="2"] .scene-node-2 .scene-node-status{opacity:1}:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="0"] .scene-node-0 .scene-node-halo,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="1"] .scene-node-1 .scene-node-halo,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="2"] .scene-node-2 .scene-node-halo{animation:scene-node-pulse 3.1s cubic-bezier(.3,0,.2,1) both}:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="0"] .scene-signal.scene-phase-0,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="1"] .scene-signal.scene-phase-1,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="2"] .scene-signal.scene-phase-2{animation:scene-route-travel 3.1s cubic-bezier(.3,0,.2,1) both}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-ribbon [data-flow-part=body]{opacity:.54;filter:none}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-ribbon-upper{stroke:var(--scene-line);stroke-width:1.15;opacity:.36}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-ribbon-lower{stroke:var(--scene-metal-mid);stroke-width:.65;opacity:.22}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-ribbon-focus{stroke:var(--scene-red);stroke-width:1.15;opacity:0;transition:opacity .62s cubic-bezier(.25,0,.2,1)}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-ribbon-signal{stroke:var(--scene-red);stroke-width:2;stroke-linecap:round;stroke-dasharray:.065 .935;stroke-dashoffset:1.065;opacity:0}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-pace-tick{stroke:var(--scene-line);stroke-width:1;stroke-linecap:round;opacity:.12}:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="0"] .scene-ribbon-focus.scene-phase-0,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="1"] .scene-ribbon-focus.scene-phase-1,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="2"] .scene-ribbon-focus.scene-phase-2{opacity:.25}:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="0"] .scene-ribbon-signal.scene-phase-0,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="1"] .scene-ribbon-signal.scene-phase-1,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="2"] .scene-ribbon-signal.scene-phase-2{animation:scene-ribbon-travel 2.64s cubic-bezier(.25,.02,.25,1) both}:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="0"] .scene-phase-0 .scene-pace-tick,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="1"] .scene-phase-1 .scene-pace-tick,:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="2"] .scene-phase-2 .scene-pace-tick{animation:scene-cadence-tick .88s cubic-bezier(.2,0,.2,1) var(--pace-delay) both}:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="1"] .scene-ribbon-signal.scene-phase-1{stroke-width:2.35}:where(body[data-dtfl-homepage=true]) .product-scenery[data-step="2"] .scene-ribbon-signal.scene-phase-2{stroke-width:1.7}html:where(:has(>body[data-dtfl-homepage=true]))[data-product-appearance=dark] .product-scenery .scene-ribbon-upper{opacity:.43}html:where(:has(>body[data-dtfl-homepage=true]))[data-product-appearance=dark] .product-scenery .scene-ribbon [data-flow-part=body]{opacity:.48}:where(body[data-dtfl-homepage=true]) .product-scenery[data-running=false] *,:where(body[data-dtfl-homepage=true]) .product-scenery:not([data-running=true]) *{animation-play-state:paused!important}@keyframes scene-route-travel{0%{stroke-dashoffset:1.08;opacity:0}18%{opacity:.5}72%{opacity:.5}to{stroke-dashoffset:-.1;opacity:0}}@keyframes scene-node-pulse{0%{opacity:0;transform:scale(.96)}26%{opacity:.16}to{opacity:0;transform:scale(1.13)}}@keyframes scene-ribbon-travel{0%{stroke-dashoffset:1.065;opacity:0}14%{opacity:.72}62%{opacity:.72}to{stroke-dashoffset:-.065;opacity:0}}@keyframes scene-cadence-tick{0%{opacity:.12}32%{opacity:.55}to{opacity:.12}}@media(prefers-reduced-motion:reduce){:where(body[data-dtfl-homepage=true]) .product-scenery *{animation:none!important;transition:none!important}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-node-halo,:where(body[data-dtfl-homepage=true]) .product-scenery .scene-signal,:where(body[data-dtfl-homepage=true]) .product-scenery .scene-ribbon-signal{opacity:0}:where(body[data-dtfl-homepage=true]) .product-scenery .scene-pace-tick{opacity:.12}}:where(body[data-dtfl-homepage=true]) .product-scenery[data-motion-enabled=false] *{animation:none!important;transition:none!important}
/*# sourceMappingURL=/cdn/shop/t/48/assets/dtfl-hp-scenery-f4921cbc.css.map */