html.p4p-viewer-lock{overflow:hidden}.p4p-viewer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));overscroll-behavior:contain}.p4p-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.p4p-viewer::backdrop{background:transparent}.p4p-viewer [hidden]{display:none!important}.p4p-viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:5.6rem;padding:.6rem .8rem .6rem 1.6rem}.p4p-viewer__counter{margin:0;font-size:1.4rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}.p4p-viewer__actions{display:flex;gap:.4rem;margin-left:auto}.p4p-viewer__icon-button{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.p4p-viewer__icon-button:hover{background:rgba(var(--color-foreground),.08)}.p4p-viewer__icon-button[aria-pressed=true]{background:rgba(var(--color-foreground),.1)}.p4p-viewer__icon-button[aria-pressed=true] .p4p-viewer__zoom-plus{display:none}.p4p-viewer button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;box-shadow:none}.p4p-viewer__stage{position:relative;min-height:0;overflow:hidden;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.p4p-viewer__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:.8rem 1.2rem}.p4p-viewer__image{display:block;max-width:none;background:rgba(var(--color-foreground),.04);box-shadow:0 .2rem 1.6rem rgba(var(--color-shadow, 0, 0, 0),.14);-webkit-user-drag:none}.p4p-viewer.is-zoomable .p4p-viewer__image{cursor:zoom-in}.p4p-viewer.is-zoomed .p4p-viewer__stage{overflow:auto;touch-action:pan-x pan-y pinch-zoom}.p4p-viewer.is-zoomed .p4p-viewer__canvas{right:auto;bottom:auto;width:max-content;height:max-content;min-width:100%;min-height:100%}.p4p-viewer.is-zoomed .p4p-viewer__image{cursor:zoom-out}@media(hover:hover)and (pointer:fine){.p4p-viewer.is-zoomed .p4p-viewer__image{cursor:grab}.p4p-viewer.is-panning .p4p-viewer__image{cursor:grabbing}}.p4p-viewer.is-dragging .p4p-viewer__canvas{transition:none}.p4p-viewer__canvas{transition:transform .2s ease}.p4p-viewer__arrow{position:absolute;top:50%;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;padding:0;transform:translateY(-50%);border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgba(var(--color-background),.9);color:rgb(var(--color-foreground));cursor:pointer;box-shadow:0 .1rem .6rem rgba(var(--color-shadow, 0, 0, 0),.12)}.p4p-viewer__arrow:hover:not([disabled]){background:rgb(var(--color-background));border-color:rgba(var(--color-foreground),.4)}.p4p-viewer__arrow[disabled]{opacity:.3;cursor:default}.p4p-viewer__arrow--prev{left:1.2rem}.p4p-viewer__arrow--next{right:1.2rem}.p4p-viewer.is-zoomed .p4p-viewer__arrow,.p4p-viewer.is-single .p4p-viewer__arrow,.p4p-viewer.is-single .p4p-viewer__counter{display:none}.p4p-viewer__spinner{position:absolute;top:50%;left:50%;width:3.2rem;height:3.2rem;margin:-1.6rem 0 0 -1.6rem;border:.3rem solid rgba(var(--color-foreground),.15);border-top-color:rgb(var(--color-foreground));border-radius:50%;opacity:0;pointer-events:none;transition:opacity .1s ease;animation:p4p-viewer-spin .8s linear infinite paused}.p4p-viewer.is-loading .p4p-viewer__spinner{opacity:1;transition-delay:.2s;animation-play-state:running}@keyframes p4p-viewer-spin{to{transform:rotate(360deg)}}.p4p-viewer__thumbs{position:relative;display:flex;gap:.8rem;overflow-x:auto;padding:.8rem 1.6rem 1.2rem;scrollbar-width:thin;overscroll-behavior-x:contain}.p4p-viewer__thumbs>:first-child{margin-left:auto}.p4p-viewer__thumbs>:last-child{margin-right:auto}.p4p-viewer__thumb{flex:none;width:4.8rem;height:6.4rem;padding:0;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.4rem;background:rgba(var(--color-foreground),.04);opacity:.65;cursor:pointer;transition:opacity .15s ease}.p4p-viewer__thumb:hover{opacity:1}.p4p-viewer__thumb[aria-current=true]{opacity:1;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.p4p-viewer__thumb img{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width:750px){.p4p-viewer__bar{padding:.8rem 1.2rem .8rem 2.4rem}.p4p-viewer__canvas{padding:1.2rem 8.8rem}.p4p-viewer__arrow--prev{left:2rem}.p4p-viewer__arrow--next{right:2rem}.p4p-viewer__thumb{width:5.6rem;height:7.4rem}}@media screen and (max-width:749px){.p4p-viewer__canvas{padding-bottom:5.6rem}.p4p-viewer.is-single .p4p-viewer__canvas{padding-bottom:.8rem}.p4p-viewer__arrow{top:auto;bottom:.6rem;width:4.4rem;height:4.4rem;transform:none}.p4p-viewer__arrow--prev{left:1.2rem}.p4p-viewer__arrow--next{right:1.2rem}}@media screen and (max-height:520px){.p4p-viewer__thumbs{display:none}.p4p-viewer__bar{min-height:4.8rem;padding-top:0;padding-bottom:0}}@media(prefers-reduced-motion:reduce){.p4p-viewer__canvas,.p4p-viewer__thumb,.p4p-viewer__spinner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/p4p-image-viewer.css.map */