:root{--tfx-depth-radius: 22px;--tfx-depth-radius-tight: 16px;--tfx-depth-surface: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 243, 237, .98));--tfx-depth-border-1: rgba(124, 98, 75, .14);--tfx-depth-border-2: rgba(124, 98, 75, .18);--tfx-depth-border-3: rgba(124, 98, 75, .24);--tfx-depth-shadow-1: 0 1px 2px rgba(33, 19, 11, .04), 0 10px 24px rgba(33, 19, 11, .07);--tfx-depth-shadow-2: 0 2px 6px rgba(33, 19, 11, .05), 0 18px 38px rgba(33, 19, 11, .11);--tfx-depth-shadow-3: 0 4px 12px rgba(33, 19, 11, .07), 0 28px 60px rgba(33, 19, 11, .16);--tfx-depth-shadow-hover-1: 0 2px 6px rgba(33, 19, 11, .05), 0 14px 30px rgba(33, 19, 11, .09);--tfx-depth-shadow-hover-2: 0 4px 10px rgba(33, 19, 11, .07), 0 24px 50px rgba(33, 19, 11, .14);--tfx-depth-shadow-hover-3: 0 8px 18px rgba(33, 19, 11, .1), 0 34px 72px rgba(33, 19, 11, .2);--tfx-depth-layer-shadow-2: 0 18px 34px rgba(173, 144, 118, .14);--tfx-depth-layer-shadow-3: 0 24px 46px rgba(173, 144, 118, .2);--tfx-depth-layer-bg: linear-gradient(180deg, rgba(214, 198, 182, .36), rgba(214, 198, 182, .1));--tfx-depth-border-current: var(--tfx-depth-border-1);--tfx-depth-shadow-current: var(--tfx-depth-shadow-1);--tfx-depth-shadow-hover-current: var(--tfx-depth-shadow-hover-1);--tfx-depth-layer-shadow-current: var(--tfx-depth-layer-shadow-2);--tfx-depth-layer-opacity-current: 0;--tfx-depth-layer-blur-current: 0px;--tfx-depth-layer-inset-current: 10px -8px -10px 8px;--tfx-depth-lift-y-current: -2px;--tfx-depth-media-scale-current: 1.01}.tfx-depth{position:relative;isolation:isolate;border-radius:var(--tfx-depth-radius);transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease,background-color .26s ease}.tfx-depth--level-1{--tfx-depth-border-current: var(--tfx-depth-border-1);--tfx-depth-shadow-current: var(--tfx-depth-shadow-1);--tfx-depth-shadow-hover-current: var(--tfx-depth-shadow-hover-1);--tfx-depth-layer-opacity-current: 0;--tfx-depth-layer-blur-current: 0px;--tfx-depth-lift-y-current: -2px;--tfx-depth-media-scale-current: 1.01}.tfx-depth--level-2{--tfx-depth-border-current: var(--tfx-depth-border-2);--tfx-depth-shadow-current: var(--tfx-depth-shadow-2);--tfx-depth-shadow-hover-current: var(--tfx-depth-shadow-hover-2);--tfx-depth-layer-shadow-current: var(--tfx-depth-layer-shadow-2);--tfx-depth-layer-opacity-current: .72;--tfx-depth-layer-blur-current: 16px;--tfx-depth-layer-inset-current: 10px -8px -12px 8px;--tfx-depth-lift-y-current: -3px;--tfx-depth-media-scale-current: 1.014}.tfx-depth--level-3{--tfx-depth-border-current: var(--tfx-depth-border-3);--tfx-depth-shadow-current: var(--tfx-depth-shadow-3);--tfx-depth-shadow-hover-current: var(--tfx-depth-shadow-hover-3);--tfx-depth-layer-shadow-current: var(--tfx-depth-layer-shadow-3);--tfx-depth-layer-opacity-current: .95;--tfx-depth-layer-blur-current: 20px;--tfx-depth-layer-inset-current: 14px -12px -16px 10px;--tfx-depth-lift-y-current: -5px;--tfx-depth-media-scale-current: 1.02}.tfx-depth--level-2:after,.tfx-depth--level-3:after{content:"";position:absolute;inset:var(--tfx-depth-layer-inset-current);z-index:-1;border-radius:inherit;background:var(--tfx-depth-layer-bg);box-shadow:var(--tfx-depth-layer-shadow-current);filter:blur(var(--tfx-depth-layer-blur-current));opacity:var(--tfx-depth-layer-opacity-current);pointer-events:none}.tfx-depth--media,.tfx-depth--text-card{border:1px solid var(--tfx-depth-border-current);box-shadow:var(--tfx-depth-shadow-current)}.tfx-depth--text-card{padding:clamp(20px,2.2vw,32px);background:var(--tfx-depth-surface)}.text-box.tfx-depth--text-card{background:none;background-color:var(--box-color);color:rgb(var(--box-text-color));border-color:rgba(var(--box-text-color),.12)}.tfx-depth--text-card>:first-child{margin-top:0}.tfx-depth--text-card>:last-child{margin-bottom:0}.tfx-depth--media{overflow:hidden}.tfx-depth--media picture,.tfx-depth--media img,.tfx-depth--media svg,.tfx-depth--media video{display:block;width:100%;border-radius:inherit}.tfx-depth--media img,.tfx-depth--media video{transition:transform .42s ease;transform-origin:center center}@media(hover:hover)and (pointer:fine){.tfx-depth--hover{will-change:transform}.tfx-depth--hover:hover{transform:translate3d(0,var(--tfx-depth-lift-y-current),0);box-shadow:var(--tfx-depth-shadow-hover-current)}.tfx-depth--hover.tfx-depth--media:hover img,.tfx-depth--hover.tfx-depth--media:hover video{transform:scale(var(--tfx-depth-media-scale-current))}}@media(max-width:767px){.tfx-depth{border-radius:var(--tfx-depth-radius-tight)}.tfx-depth--level-2:after,.tfx-depth--level-3:after{top:8px;right:-6px;bottom:-10px;left:6px}.tfx-depth--text-card{padding:20px 18px}}@media(prefers-reduced-motion:reduce){.tfx-depth,.tfx-depth--media img,.tfx-depth--media video{transition:none}.tfx-depth--hover:hover{transform:none;box-shadow:var(--tfx-depth-shadow-current)}.tfx-depth--hover.tfx-depth--media:hover img,.tfx-depth--hover.tfx-depth--media:hover video{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/tfx-depth-effects.css.map */