.cph{--ink: #efe9df;--dim: rgb(239 233 223 / .56);--hair: rgb(239 233 223 / .18);--ease: cubic-bezier(.16, 1, .3, 1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482000;color:var(--ink);overflow:hidden;-webkit-tap-highlight-color:transparent}.cph[hidden]{display:none}.cph.is-prime{opacity:.004;pointer-events:none}.cph__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0908f2;opacity:0;transition:opacity .45s ease-out}.cph__deck{position:absolute;left:50%;top:calc(50% + var(--deck-y, -84px));width:0;height:0}.cph__card{position:absolute;left:0;top:0;box-sizing:border-box;padding:clamp(5px,.7vw,9px);overflow:hidden;background:#f6f2ec;border-radius:5px;box-shadow:0 34px 80px #0009,0 2px 10px #00000073;transition:transform .66s var(--ease),opacity .42s ease;will-change:transform;touch-action:none;-webkit-user-select:none;user-select:none}.cph__card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px;transition:transform .5s var(--ease);-webkit-user-drag:none}.cph__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0908;opacity:0;pointer-events:none;transition:opacity .5s ease}.cph__card.is-top{cursor:zoom-in}.cph__card.is-top.is-zoom{cursor:zoom-out}.cph__card.is-zoom img{transition:transform .5s var(--ease),transform-origin .25s ease-out}.cph__card:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.cph__card:not(.is-top){pointer-events:none}.cph__card.is-still,.cph__card.is-drag{transition:none}.cph__bar{position:absolute;left:50%;bottom:112px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;width:min(980px,calc(100vw - 48px));transform:translate(-50%,12px);opacity:0;transition:opacity .3s,transform .5s var(--ease)}.cph__count{display:flex;align-items:baseline;gap:6px;margin:0;font-family:var(--font-label, inherit);font-size:13px;letter-spacing:.16em;font-variant-numeric:tabular-nums}.cph__n{display:inline-grid;overflow:hidden;font-size:22px;letter-spacing:.04em}.cph__n>span{grid-area:1 / 1}.cph__of{color:var(--dim)}.cph__caps{display:grid;min-width:0}:where(.cph) :is(p,span,small){color:inherit}.cph__cap{grid-area:1 / 1;margin:0;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .4s var(--ease)}.cph__cap.is-on{opacity:1;transform:none;transition:opacity .45s .12s,transform .6s .1s var(--ease)}.cph__cap small{display:block;margin-bottom:3px;font-family:var(--font-label, inherit);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.cph__cap span{display:block;font-size:16px;line-height:1.4}.cph__nav{display:flex;gap:10px}.cph__btn,.cph__x{display:grid;place-items:center;width:48px;height:48px;padding:0;color:var(--ink);background:transparent;border:1px solid var(--hair);border-radius:50%;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,transform .3s cubic-bezier(.34,1.56,.64,1)}.cph__btn svg,.cph__x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.cph__btn[data-go="1"] svg{transform:scaleX(-1)}@media(hover:hover){.cph__btn:hover,.cph__x:hover{color:#0b0b0b;background:var(--ink);border-color:var(--ink)}}.cph__btn:active,.cph__x:active{transform:scale(.9);transition-duration:.1s}.cph__btn:focus-visible,.cph__x:focus-visible,.cph__thumb:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.cph__x{position:absolute;top:20px;right:20px;opacity:0;transform:rotate(-90deg) scale(.6);transition:opacity .3s,transform .5s var(--ease),background-color .25s,color .25s}.cph__thumbs{position:absolute;left:50%;bottom:28px;display:flex;gap:8px;transform:translate(-50%,16px);opacity:0;transition:opacity .3s,transform .55s var(--ease)}.cph__thumb{width:56px;height:56px;padding:0;overflow:hidden;background:#f6f2ec;border:0;border-radius:6px;opacity:.4;cursor:pointer;transition:opacity .3s,transform .35s cubic-bezier(.34,1.56,.64,1)}.cph__thumb img{display:block;width:100%;height:100%;object-fit:cover}@media(hover:hover){.cph__thumb:hover{opacity:.8;transform:translateY(-3px)}}.cph__thumb[aria-current]{opacity:1}.cph__mark{position:absolute;left:0;bottom:-10px;height:2px;background:var(--ink);border-radius:1px;transition:transform .55s var(--ease),width .55s var(--ease)}.cph.is-in .cph__veil{opacity:1}.cph.is-in .cph__bar{opacity:1;transform:translate(-50%);transition:opacity .45s .25s,transform .7s .22s var(--ease)}.cph.is-in .cph__thumbs{opacity:1;transform:translate(-50%);transition:opacity .45s .32s,transform .7s .3s var(--ease)}.cph.is-in .cph__x{opacity:1;transform:none;transition:opacity .4s .2s,transform .6s .2s var(--ease),background-color .25s,color .25s}.cph.is-out .cph__veil{transition:opacity .4s .1s ease-in-out}.cph.is-out .cph__card{transition:transform .5s cubic-bezier(.5,0,.2,1),opacity .3s .2s ease-in}@media(max-width:640px){.cph__bar{bottom:92px;grid-template-columns:auto 1fr;gap:10px 16px;width:calc(100vw - 32px)}.cph__caps{grid-column:1 / -1;grid-row:2}.cph__nav{justify-self:end}.cph__nav .cph__btn{width:44px;height:44px}.cph__cap span{font-size:15px}.cph__thumbs{bottom:20px;gap:6px}.cph__thumb{width:44px;height:44px}.cph__x{top:12px;right:12px}}@media(prefers-reduced-motion:reduce){.cph__card,.cph.is-out .cph__card,.cph__card img,.cph__cap,.cph__cap.is-on,.cph__bar,.cph__thumbs,.cph__x,.cph__mark{transition:opacity .2s}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/css-photos.css.map */
