.cpi[data-cpi-root] .cpi__gallery{position:relative;width:100%;--cpi-photo-inset: 10%}.cpi[data-cpi-root] .cpi__viewport{overflow:hidden}.cpi[data-cpi-root] .cpi__track{display:flex;margin-left:-1.6rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.cpi[data-cpi-root] .cpi__slide{min-width:0;flex:0 0 100%;padding-left:1.6rem}.cpi[data-cpi-root] .cpi__media{aspect-ratio:3 / 4;background:hsl(var(--cpi-sage-wash));display:flex;align-items:center;justify-content:center;padding:.8rem}@media(min-width:768px){.cpi[data-cpi-root] .cpi__media{padding:1.6rem}}.cpi[data-cpi-root] .cpi__media--photo{padding:0;overflow:hidden;position:relative}.cpi[data-cpi-root] .cpi__media svg,.cpi[data-cpi-root] .cpi__svg{width:100%;height:100%;display:block}.cpi[data-cpi-root] .cpi__media .is-hidden,.cpi[data-cpi-root] .cpi__media[hidden]{display:none}.cpi[data-cpi-root] .cpi__photo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:400px;width:auto;max-height:calc(100% - 2 * var(--cpi-photo-inset));max-width:calc(100% - 2 * var(--cpi-photo-inset));object-fit:contain;display:block}.cpi[data-cpi-root] .cpi__media--cover .cpi__photo{position:static;transform:none;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover}.cpi[data-cpi-root] .cpi__photo-initials{position:absolute;transform:translate(-50%,-50%);box-sizing:content-box;min-width:2.8em;padding:.32em .4em;border-radius:.12em;text-align:center;font-family:DM Sans,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap;pointer-events:none}.cpi[data-cpi-root] .cpi__photo-initials--clean{min-width:0;padding:0;border-radius:0;background:none;text-shadow:rgba(0,0,0,.5) 0px 2px 8px}.cpi[data-cpi-root] .cpi__arrow{position:absolute;top:50%;transform:translateY(-50%);width:3.6rem;height:3.6rem;padding:0;border-radius:9999px;border:1px solid hsl(var(--cpi-border));background:hsl(var(--cpi-background));display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.cpi[data-cpi-root] .cpi__arrow:hover{background:hsl(var(--cpi-sage-wash))}.cpi[data-cpi-root] .cpi__arrow svg{width:1.8rem;height:1.8rem}.cpi[data-cpi-root] .cpi__arrow--prev{left:1.2rem}.cpi[data-cpi-root] .cpi__arrow--next{right:1.2rem}
/*# sourceMappingURL=/cdn/shop/t/22/assets/cpi-gallery.css.map */