@property --dc-hero-photo-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.dc2-hero--live-photos .hero-art:before{animation:dc-hero-ambient-breathe 6.5s ease-in-out infinite}.dc2-hero--live-photos .hero-shot{--dc-hero-photo-angle: 0deg;isolation:isolate;border-color:#446da0;box-shadow:0 19px 47px #0008,0 0 19px #3e84ff4d,inset 0 0 20px #2b75e925;transition:box-shadow .3s ease,border-color .3s ease}.dc2-hero--live-photos .hero-shot:first-child{animation:dc-hero-photo-float-one 6.4s ease-in-out infinite,dc-hero-photo-halo 4.5s ease-in-out infinite}.dc2-hero--live-photos .hero-shot:last-child{animation:dc-hero-photo-float-two 7.1s ease-in-out infinite,dc-hero-photo-halo 5.2s ease-in-out infinite -2.4s}.dc2-hero--live-photos .hero-shot:before{content:"";position:absolute;z-index:1;pointer-events:none;top:-100%;bottom:-100%;left:-100%;width:90%;background:linear-gradient(105deg,transparent 29%,#85bdff0d 46%,#b7d9ff38 51%,#85bdff0d 57%,transparent 73%);transform:translate(-60%) rotate(6deg);animation:dc-hero-photo-sheen 7.6s ease-in-out infinite}.dc2-hero--live-photos .hero-shot:last-child:before{animation-delay:-3.9s}.dc2-hero--live-photos .hero-shot:after{content:"";position:absolute;z-index:2;pointer-events:none;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--dc-hero-photo-angle),#2c4d78 0deg,#4075bc 60deg,#8ac4ff 92deg,#e2f1ff 105deg,#569df6 125deg,#274369 180deg,#203758 285deg,#3d7cd2 324deg,#2c4d78 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:dc-hero-photo-border 5.8s linear infinite}.dc2-hero--live-photos .hero-shot:last-child:after{animation-delay:-2.9s}.dc2-hero--live-photos .hero-shot .shot-label{z-index:3}.dc2-hero--live-photos .hero-shot:is(:hover,:focus-within){border-color:#a9d4ff;box-shadow:0 22px 55px #000a,0 0 35px #438bff9c,inset 0 0 27px #448bf64a}.dc2-hero--live-photos .hero-shot:is(:hover,:focus-within):before{filter:brightness(1.55)}@keyframes dc-hero-photo-border{to{--dc-hero-photo-angle: 360deg}}@keyframes dc-hero-photo-sheen{0%,14%{transform:translate(-65%) rotate(6deg);opacity:0}22%{opacity:.72}48%,to{transform:translate(340%) rotate(6deg);opacity:0}}@keyframes dc-hero-photo-float-one{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes dc-hero-photo-float-two{0%,to{translate:0 0}50%{translate:0 8px}}@keyframes dc-hero-photo-halo{0%,to{box-shadow:0 19px 47px #0008,0 0 13px #3e84ff50,inset 0 0 18px #2b75e91c}50%{box-shadow:0 19px 47px #0008,0 0 32px #438bff8a,inset 0 0 24px #2b75e936}}@keyframes dc-hero-ambient-breathe{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.1)}}@media(max-width:700px){.dc2-hero--live-photos .hero-shot:first-child{animation:dc-hero-photo-float-one 6.4s ease-in-out infinite,dc-hero-photo-halo 4.5s ease-in-out infinite}.dc2-hero--live-photos .hero-shot:last-child{animation:dc-hero-photo-float-two 7.1s ease-in-out infinite,dc-hero-photo-halo 5.2s ease-in-out infinite -2.4s}}@media(prefers-reduced-motion:reduce){.dc2-hero--live-photos .hero-art:before,.dc2-hero--live-photos .hero-shot,.dc2-hero--live-photos .hero-shot:before,.dc2-hero--live-photos .hero-shot:after{animation:none!important;transition:none!important}}.dc2-hero .dc-hero-cta-attention{position:relative;isolation:isolate;overflow:hidden;z-index:0;border-color:#6caaff;box-shadow:0 5px 18px #2164bd66,0 0 14px #438bff55;animation:dc-hero-cta-attention-pulse 2.9s ease-in-out infinite}.dc2-hero .dc-hero-cta-attention:before{content:"";position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #c9e4ff99,inset 0 0 14px #a1ceff2e;animation:dc-hero-cta-attention-rim 2.9s ease-in-out infinite}.dc2-hero .dc-hero-cta-attention:after{content:"";position:absolute;pointer-events:none;top:-120%;bottom:-120%;left:-45%;width:40%;background:linear-gradient(105deg,transparent 0%,#ffffff17 40%,#ffffff75 50%,#ffffff17 60%,transparent 100%);transform:translate(-140%) rotate(12deg);animation:dc-hero-cta-attention-shine 4.8s ease-in-out infinite}.dc2-hero .dc-hero-cta-attention:hover,.dc2-hero .dc-hero-cta-attention:focus-visible{background:#5699ff;border-color:#b6d7ff;box-shadow:0 9px 25px #0006,0 0 29px #438bffbd}@keyframes dc-hero-cta-attention-pulse{0%,to{scale:1;box-shadow:0 5px 15px #2164bd5c,0 0 11px #438bff42}50%{scale:1.035;box-shadow:0 7px 23px #2164bd70,0 0 24px #438bffae,0 0 0 5px #438bff1b}}@keyframes dc-hero-cta-attention-rim{0%,to{opacity:.5}50%{opacity:1}}@keyframes dc-hero-cta-attention-shine{0%,15%{transform:translate(-140%) rotate(12deg);opacity:0}20%{opacity:.72}39%{transform:translate(570%) rotate(12deg);opacity:0}to{transform:translate(570%) rotate(12deg);opacity:0}}@media(prefers-reduced-motion:reduce){.dc2-hero .dc-hero-cta-attention,.dc2-hero .dc-hero-cta-attention:before,.dc2-hero .dc-hero-cta-attention:after{animation:none!important;transition:none!important;scale:1}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/dc-hero-photo-effects.css.map */