product-media-tools{--share-feedback-duration: .1s;--share-feedback-easing: cubic-bezier(.2,.8,.2,1);position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);z-index:3}.product-media-tools__buttons{display:flex;gap:2px}.media-utility{position:relative;display:grid;place-items:center;inline-size:44px;block-size:44px;padding:10px;border:0;border-radius:50%;color:var(--color-text);background:transparent}.media-utility:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:inherit;background:color-mix(in srgb,var(--color-surface) 90%,transparent)}.media-utility svg{position:relative;inline-size:20px;block-size:20px}.media-utility:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}product-media-tools [hidden]{display:none}.product-share{position:fixed;top:0;right:0;bottom:0;left:0;inline-size:min(36rem,calc(100% - 2rem));max-inline-size:none;max-block-size:calc(100dvh - 2rem);margin:auto;padding:0;overflow-y:auto;overscroll-behavior:contain;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-overlay);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-overlay)}.product-share::backdrop{background:color-mix(in srgb,var(--color-surface-inverse) 48%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.product-share[open]{animation:product-share-enter .2s var(--share-feedback-easing)}.product-share__body{padding:clamp(1.25rem,4vw,2rem)}.product-share__heading{display:flex;align-items:start;gap:var(--space-3)}.product-share__heading h2{flex:1;min-inline-size:0;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);text-wrap:balance}.product-share__heading h2:focus{outline:none}.product-share__heading .close-button{margin-block-start:-6px;margin-inline-end:-8px}.product-share__product{margin-block-start:var(--space-2);padding-inline-end:var(--space-8);color:var(--color-text-muted);font-size:var(--text-small);overflow-wrap:anywhere}.product-share__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-block:var(--space-8)}.product-share__actions:has([data-share-native]:not([hidden])){grid-template-columns:repeat(4,minmax(0,1fr))}.product-share__action{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-inline-size:0;padding:var(--space-1);border:0;border-radius:var(--radius-control);background:transparent;color:inherit;font:inherit;font-size:var(--text-small);text-align:center;text-decoration:none;overflow-wrap:anywhere}.product-share__icon{display:grid;place-items:center;inline-size:clamp(3rem,8vw,3.75rem);aspect-ratio:1;flex:0 0 auto;border:var(--border-width) solid var(--color-border);border-radius:50%;background:var(--color-surface-subtle);color:var(--color-accent)}.product-share__icon svg{inline-size:24px;block-size:24px}.product-share__label{display:block;margin-block-end:var(--space-2);font-size:var(--text-small);font-weight:var(--font-weight-strong)}.product-share__copy{display:flex;align-items:stretch;padding:var(--space-1);gap:var(--space-1);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface)}.product-share__copy input{flex:1;min-inline-size:0;inline-size:0;padding:var(--space-2);border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-text-muted);font:inherit;font-size:1rem;text-overflow:ellipsis}.product-share__copy button{min-block-size:44px;padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-input);background:var(--color-action);color:var(--color-action-text);font:inherit;font-size:var(--text-small);font-weight:var(--font-weight-strong)}.product-share__status{min-block-size:1.6em;margin-block-start:var(--space-2);color:var(--color-accent);font-size:var(--text-small)}.product-share__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:var(--space-3) clamp(1.25rem,4vw,2rem);border-block-start:var(--border-width) solid var(--color-border);background:var(--color-surface-subtle)}.product-share__footer p{flex:1 1 8rem;font-size:var(--text-small);color:var(--color-text-muted)}.product-share__footer ul{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0;padding:0;list-style:none}.product-share__profile{display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:50%;color:var(--color-text)}.product-share__profile svg{inline-size:20px;block-size:20px}.product-share :is(a,button,input):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.product-share__icon,.product-share__action,.product-share__profile,.product-share__copy button,.product-share .close-button,.media-utility,.media-utility:before{transition-property:background-color,border-color,color,transform;transition-duration:var(--share-feedback-duration);transition-timing-function:var(--share-feedback-easing)}.product-share :is(a,button),.media-utility{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.product-share button:not(:disabled),.media-utility{cursor:pointer}.product-share__action:disabled{opacity:.6;cursor:progress}.product-share__action:focus-visible .product-share__icon{background:var(--color-action);border-color:var(--color-action);color:var(--color-action-text)}@keyframes product-share-enter{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@media(max-width:29.999rem){.product-share__actions:has([data-share-native]:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}.product-share__copy button{padding-inline:var(--space-3)}}@media(hover:hover){.media-utility:hover:before{background:color-mix(in srgb,var(--color-text) 10%,var(--color-surface))}.product-share__action:not(:disabled):hover .product-share__icon{background:var(--color-action);border-color:var(--color-action);color:var(--color-action-text);transform:translateY(-1px)}.product-share__action:not(:disabled):hover{color:var(--color-accent)}.product-share__copy button:hover{background:var(--color-accent)}.product-share__profile:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}}.product-share__action:not(:disabled):active .product-share__icon{transform:scale(.96);transition-duration:60ms}.product-share__copy button:active,.product-share__profile:active,.product-share .close-button:active,.media-utility:active{transform:scale(.97);transition-duration:60ms}@media(prefers-reduced-motion:reduce){.product-share[open]{animation:none}.product-share__icon,.product-share__action,.product-share__profile,.product-share__copy button,.product-share .close-button,.media-utility,.media-utility:before{transition:none}.product-share__action:not(:disabled):is(:hover,:active) .product-share__icon,.product-share__copy button:active,.product-share__profile:active,.product-share .close-button:active,.media-utility:active{transform:none}}.product-zoom-lens{position:fixed;z-index:2;pointer-events:none;border:1px solid color-mix(in srgb,var(--color-text) 35%,transparent);background:color-mix(in srgb,var(--color-text) 12%,transparent)}.product-zoom-pane{position:fixed;z-index:4;pointer-events:none;overflow:hidden;background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-overlay)}.product-zoom-pane img{position:absolute;max-inline-size:none;max-block-size:none}.product-zoom-lens[hidden],.product-zoom-pane[hidden]{display:none}@media(max-width:63.999rem),(hover:none),(pointer:coarse){.product-zoom-lens,.product-zoom-pane{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/product-media-tools.css.map */