telefon-foto{position:relative;display:block;overflow:hidden}.tf__bild{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--tf-pos, 50% 50%);transform-origin:var(--tf-pos, 50% 50%);scale:var(--tf-zoom, 1)}.tf__lagen{direction:ltr;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mask-size:cover;mask-repeat:no-repeat;-webkit-mask-size:cover;-webkit-mask-repeat:no-repeat}.tf__lage{position:absolute;left:0;top:0;overflow:hidden;transform-origin:0 0;visibility:hidden}.tf__ui{position:relative;transform-origin:0 0;will-change:contents}.tf__ui *{will-change:auto!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.tf__lage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:linear-gradient(125deg,#ffffff24,#ffffff08 30%,#fff0 45%),#0000000a;pointer-events:none}@property --tf-ein{syntax: "<number>"; inherits: false; initial-value: 1;}@property --tf-sicht{syntax: "<number>"; inherits: false; initial-value: 0;}@property --tf-wert{syntax: "<number>"; inherits: false; initial-value: 1;}.tf-ein{opacity:var(--tf-ein);translate:0 calc((1 - var(--tf-ein)) * 12px);scale:calc(.98 + var(--tf-ein) * .02)}.ist-aktiv .tf-ein{animation:tf-ein .6s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--n, 0) * 70ms + .12s)}@keyframes tf-ein{0%{--tf-ein: 0}}.tf-schirm{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--tf-sicht);transition:--tf-sicht .45s cubic-bezier(.23,1,.32,1)}.tf-schirm.ist-aktiv{--tf-sicht: 1}.tf-schirm:not(.ist-aktiv){transition-duration:.3s}@media(prefers-reduced-motion:reduce){.ist-aktiv .tf-ein{animation:none}.tf-schirm{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/telefon-foto.css.map */