.rfc-dialog.rfc-lightbox{--rfc-thumb-size: calc(60 * var(--rfc-px));width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none;background:var(--rfc-lightbox-fill, rgb(var(--color-background)))}.rfc-lightbox--blend{--rfc-lightbox-fill: var(--rfc-blend-color)}.rfc-lightbox--blend .rfc-lightbox__slide img{mix-blend-mode:multiply}.rfc-lightbox__stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.rfc-lightbox__slides{position:absolute;top:0;right:0;bottom:0;left:0}.rfc-lightbox__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;padding:var(--rfc-space-64) var(--rfc-space-16) var(--rfc-space-16)}.rfc-lightbox__slide[hidden]{display:none}.rfc-lightbox__slide img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform var(--rfc-time) var(--rfc-ease);cursor:zoom-in;-webkit-user-drag:none}.rfc-lightbox__stage.is-zoomed img{cursor:zoom-out}.rfc-lightbox__slide img.rfc-lightbox__image--moving{transition:none}.rfc-lightbox__step{position:absolute;top:50%;z-index:2;translate:0 -50%}.rfc-lightbox__step--previous{inset-inline-start:var(--rfc-space-16)}.rfc-lightbox__step--next{inset-inline-end:var(--rfc-space-16)}.rfc-lightbox__counter{margin:0;padding:var(--rfc-space-12);text-align:center}.rfc-lightbox__strip{display:flex;flex:none;justify-content:safe center;gap:var(--rfc-space-8);padding:var(--rfc-space-20);overflow-x:auto;scrollbar-width:thin}.rfc-lightbox__thumb{position:relative;flex:none;width:var(--rfc-thumb-size);height:var(--rfc-thumb-size);padding:0;border:0;cursor:pointer}.rfc-lightbox__thumb:not(.rfc-blend){background:none}.rfc-lightbox__thumb[hidden]{display:none}.rfc-lightbox__thumb[aria-current]:after{content:"";position:absolute;right:0;bottom:calc(var(--rfc-space-8) * -1);left:0;height:var(--rfc-line-thick);background:rgb(var(--color-foreground))}@media screen and (min-width:600px){.rfc-dialog.rfc-lightbox{--rfc-thumb-size: calc(80 * var(--rfc-px))}}@media screen and (min-width:769px){.rfc-lightbox__slide{padding:0}.rfc-lightbox__step--previous{inset-inline-start:var(--rfc-space-24)}.rfc-lightbox__step--next{inset-inline-end:var(--rfc-space-24)}.rfc-lightbox__strip{position:absolute;inset-inline:0;inset-block-end:0;pointer-events:none}.rfc-lightbox__thumb{pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/rfc-lightbox.css.map */