daddl-pack-xray{--xray-x: 50%;--xray-y: 50%;--xray-r: 0px;--xray-bleed: 0px;--xray-p: 0;display:block;width:100%}.daddl-pack-xray__frame{position:relative;aspect-ratio:1;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:var(--daddl-border-radius, var(--inputs-radius))}.daddl-pack-xray__frame:focus{outline:none}.daddl-pack-xray__frame:focus-visible{outline:.2rem solid var(--daddl-ink);outline-offset:.2rem}.daddl-pack-xray__layer{position:absolute;inset:calc(var(--xray-bleed) * -1);pointer-events:none}.daddl-pack-xray__slide,.daddl-pack-xray__counter{position:absolute;top:0;right:0;bottom:0;left:0}.daddl-pack-xray__img{position:absolute;inset:var(--xray-bleed);display:block;width:calc(100% - var(--xray-bleed) * 2);height:calc(100% - var(--xray-bleed) * 2);object-fit:contain;transform:scale(var(--daddl-pack-xray-scale, 1))}.daddl-pack-xray__marker{position:absolute;top:50%;left:0;width:.1rem;height:.1rem;pointer-events:none}@media(hover:hover)and (pointer:fine){.daddl-pack-xray__layer{--xray-cx: calc(var(--xray-x) + var(--xray-bleed));--xray-cy: calc(var(--xray-y) + var(--xray-bleed))}.daddl-pack-xray__layer--front{-webkit-mask-image:radial-gradient(circle var(--xray-r) at var(--xray-cx) var(--xray-cy),transparent 98%,#000 100%);mask-image:radial-gradient(circle var(--xray-r) at var(--xray-cx) var(--xray-cy),transparent 98%,#000 100%)}.daddl-pack-xray__layer--inside{clip-path:circle(var(--xray-r) at var(--xray-cx) var(--xray-cy))}.daddl-pack-xray__ring{position:absolute;top:var(--xray-y);left:var(--xray-x);width:calc(var(--xray-r) * 2);height:calc(var(--xray-r) * 2);border:.3rem solid var(--daddl-highlight);border-radius:50%;box-shadow:0 0 0 .1rem rgba(var(--brand-burgundy-rgb),.2),0 .8rem 2.4rem rgba(var(--brand-burgundy-rgb),.22);transform:translate(-50%,-50%);opacity:0;transition:opacity .25s ease;pointer-events:none}.daddl-pack-xray.is-open .daddl-pack-xray__ring{opacity:1}.daddl-pack-xray.is-open .daddl-pack-xray__frame{cursor:none}}@media not all and (hover:hover)and (pointer:fine){daddl-pack-xray{timeline-scope:--daddl-xray}.daddl-pack-xray__marker{view-timeline:--daddl-xray block}.daddl-pack-xray__layer{overflow:hidden}.daddl-pack-xray__ring{display:none}.daddl-pack-xray__slide,.daddl-pack-xray__counter{will-change:transform}.daddl-pack-xray__layer--front .daddl-pack-xray__slide{transform:translateY(calc(var(--xray-p) * 100%))}.daddl-pack-xray__layer--front .daddl-pack-xray__counter{transform:translateY(calc(var(--xray-p) * -100%))}.daddl-pack-xray__layer--inside .daddl-pack-xray__slide{transform:translateY(calc((var(--xray-p) - 1) * 100%))}.daddl-pack-xray__layer--inside .daddl-pack-xray__counter{transform:translateY(calc((1 - var(--xray-p)) * 100%))}@supports (animation-timeline: view()){.daddl-pack-xray__slide,.daddl-pack-xray__counter{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--daddl-xray;animation-range:cover 50% cover 70%}.daddl-pack-xray__layer--front .daddl-pack-xray__slide{animation-name:daddl-xray-front-slide}.daddl-pack-xray__layer--front .daddl-pack-xray__counter{animation-name:daddl-xray-front-counter}.daddl-pack-xray__layer--inside .daddl-pack-xray__slide{animation-name:daddl-xray-inside-slide}.daddl-pack-xray__layer--inside .daddl-pack-xray__counter{animation-name:daddl-xray-inside-counter}}}@keyframes daddl-xray-front-slide{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes daddl-xray-front-counter{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes daddl-xray-inside-slide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes daddl-xray-inside-counter{0%{transform:translateY(100%)}to{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/daddl-pack-xray.css.map */