.set-pip{--pip-settle: .38s;--pip-ease: cubic-bezier(.22, 1.1, .36, 1);--pip-gap: 1.2rem;position:fixed;z-index:var(--z-sticky);display:block;width:13rem}.set-pip[hidden]{display:none}.set-pip[data-corner^=t]{top:calc(var(--pip-gap) + env(safe-area-inset-top,0px))}.set-pip[data-corner^=b]{bottom:var(--pip-gap)}.set-pip[data-corner$=l]{left:var(--pip-gap)}.set-pip[data-corner$=r]{right:var(--pip-gap)}body:has(details[open]>.menu-drawer--sheet) .set-pip,body:has(cart-drawer.active) .set-pip{display:none}.set-pip__targets{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-foreground),.14);opacity:0;pointer-events:none;transition:opacity var(--duration-base) linear}.set-pip.is-moving .set-pip__targets{opacity:1}.set-pip__target{position:absolute;width:3.6rem;height:3.6rem;border:.4rem solid rgb(var(--color-foreground));opacity:.45;transition:opacity var(--duration-fast) linear,scale var(--duration-fast) var(--ease-out)}.set-pip__target.is-near{opacity:1;scale:1.15}.set-pip__target[data-pip-target=tl]{inset-block-start:var(--pip-gap);inset-inline-start:var(--pip-gap);border-inline-end:0;border-block-end:0;border-start-start-radius:1.1rem;transform-origin:top left}.set-pip__target[data-pip-target=tr]{inset-block-start:var(--pip-gap);inset-inline-end:var(--pip-gap);border-inline-start:0;border-block-end:0;border-start-end-radius:1.1rem;transform-origin:top right}.set-pip__target[data-pip-target=bl]{inset-block-end:var(--pip-gap);inset-inline-start:var(--pip-gap);border-inline-end:0;border-block-start:0;border-end-start-radius:1.1rem;transform-origin:bottom left}.set-pip__target[data-pip-target=br]{inset-block-end:var(--pip-gap);inset-inline-end:var(--pip-gap);border-inline-start:0;border-block-start:0;border-end-end-radius:1.1rem;transform-origin:bottom right}.set-pip__card{position:relative;display:grid;gap:var(--space-1);padding:.6rem .6rem .4rem;border:var(--line-width) solid var(--color-line);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-3);touch-action:none;cursor:grab;opacity:1;transform:translate(var(--pip-dx, 0px),var(--pip-dy, 0px));transition:transform var(--pip-settle) var(--pip-ease),opacity var(--duration-base) linear}.set-pip__card.is-dragging,.set-pip__card.is-flying{transition:none}.set-pip__card.is-dragging{cursor:grabbing;box-shadow:0 2rem 4rem rgba(var(--color-shadow),.22)}.set-pip:not(.is-open) .set-pip__card{opacity:0}.set-pip__tick{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;opacity:0}.set-pip__tick[data-held]{inset:auto;width:2.8rem;height:1.3rem}.set-pip__tick input{all:revert;display:block;width:100%;height:100%;margin:0;touch-action:none}.set-pip__frame{pointer-events:none}.set-pip__frame{position:relative;display:block;overflow:hidden;aspect-ratio:1;border-radius:var(--radius-sm);background-color:var(--color-tint)}.set-pip__art{display:block;width:100%;height:100%;object-fit:cover;object-position:57% 46%;scale:1.3}.set-pip__hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-shadow),.45);color:rgb(var(--color-background));opacity:0;pointer-events:none;transition:opacity var(--duration-base) linear}.set-pip.is-hinting .set-pip__hint,.set-pip__card.is-dragging .set-pip__hint{opacity:1}.set-pip__hint .icon{width:2.2rem;height:2.2rem}.set-pip__close{position:absolute;z-index:2;inset-block-start:-.9rem;inset-inline-end:-.9rem;display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;padding:0;border:var(--line-width) solid var(--color-line);border-radius:50%;background-color:var(--color-surface);color:var(--color-ink);cursor:pointer}.set-pip__close .icon{width:1.1rem;height:1.1rem}.set-pip__close:focus-visible,.set-pip__card:focus-visible{outline:var(--outline-width) solid var(--color-focus);outline-offset:.2rem}@media screen and (min-width:990px){.set-pip{display:none}}@media(prefers-reduced-motion:reduce){.set-pip{--pip-settle: 1ms}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-set-pip.css.map */