#tng-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-100;overflow:hidden;pointer-events:none;background:var(--tng-coffee)}#tng-backdrop__mesh{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;filter:blur(60px) saturate(1.15);opacity:.9;will-change:transform;background:radial-gradient(38% 42% at 18% 22%,rgba(192,73,42,.55),transparent 60%),radial-gradient(34% 40% at 82% 18%,rgba(95,138,63,.45),transparent 62%),radial-gradient(46% 50% at 70% 82%,rgba(216,162,74,.38),transparent 60%),radial-gradient(40% 44% at 26% 80%,rgba(120,50,30,.5),transparent 62%);animation:tngBackdropMesh 20s ease-in-out infinite alternate}@keyframes tngBackdropMesh{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.08)}to{transform:translate3d(-3%,2%,0) scale(1.04)}}#tng-backdrop__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#tng-backdrop__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@media(prefers-reduced-motion:reduce){#tng-backdrop__mesh{animation:none!important}#tng-backdrop__canvas{display:none!important}}@media(max-width:749px){#tng-backdrop #tng-backdrop__mesh{animation:none;filter:none;will-change:auto;top:0;right:0;bottom:0;left:0}#tng-backdrop #tng-backdrop__grain,#tng-backdrop #tng-backdrop__canvas{display:none}.tngf .tngf__bg{animation:none;will-change:auto;transform:scale(1.06)!important}.tngf .tngf__orbs i{animation:none;filter:none}.tngf .tngf__orbs i:nth-child(1){background:radial-gradient(circle,#c0492a99,#c0492a00 70%)}.tngf .tngf__orbs i:nth-child(2){background:radial-gradient(circle,#5f8a3f80,#5f8a3f00 70%)}.tngf .tngf__orbs i:nth-child(3){background:radial-gradient(circle,#d8a24a73,#d8a24a00 70%)}.tngf .tngf__h1{text-shadow:0 2px 10px rgba(0,0,0,.5)}.popup-promo__dialog::backdrop,.popup-promo__dialog[open]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;animation:none;background:#00000040}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/tng-backdrop.css.map */