[data-dnt-tube-view]{position:relative;overflow:hidden}[data-dnt-tube-view] .dnt-tube-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:24px;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .25s ease;transform-origin:center;will-change:opacity}[data-dnt-tube-view].is-tube .dnt-tube-img{opacity:1}[data-dnt-tube-view].is-tube .dnt-pack-img{opacity:0}[data-dnt-tube-view] .dnt-pack-img{transition:opacity .25s ease}@media(hover:hover)and (pointer:fine){[data-dnt-tube-view].is-tube.is-zoom .dnt-tube-img{transform:scale(2);transform-origin:var(--dnt-tube-x, 50%) var(--dnt-tube-y, 50%)}[data-dnt-tube-view] .dnt-tube-chip{display:none}}.dnt-tube-chip{position:absolute;right:10px;bottom:10px;z-index:2;padding:6px 10px;font:600 10.5px/1 var(--dnt-font-label, inherit);letter-spacing:.08em;text-transform:uppercase;color:var(--dnt-pine);background:#eae9e8f0;border:1px solid var(--dnt-sage-deep, #90A294);border-radius:999px;cursor:pointer}.dnt-tube-chip:focus-visible{outline:2px solid var(--dnt-pine);outline-offset:2px}[data-dnt-tube-view]:focus-visible{outline:2px solid var(--dnt-pine);outline-offset:2px}@media(prefers-reduced-motion:reduce){[data-dnt-tube-view] .dnt-tube-img,[data-dnt-tube-view] .dnt-pack-img{transition:none}[data-dnt-tube-view].is-tube.is-zoom .dnt-tube-img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/dnt-tube-view.css.map */