html.wu-pg-open{overflow:hidden}.wu-pg__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.wu-pg__dialog::backdrop{background:#00000080}.wu-pg__layout{display:grid;grid-template-rows:minmax(0,55dvh) minmax(0,1fr);height:100%}@media(min-width:1024px){.wu-pg__layout{grid-template-rows:none;grid-template-columns:minmax(0,1fr) clamp(320px,26vw,440px)}}.wu-pg__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:1rem 3.5rem}.wu-pg__view{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.wu-pg__view img,.wu-pg__view video{max-width:100%;max-height:100%;object-fit:contain}.wu-pg__view iframe{width:100%;height:100%;border:0}.wu-pg__view[data-type=embed] iframe{aspect-ratio:16 / 9;height:auto;max-height:100%}.wu-pg__nav,.wu-pg__close{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1px 6px #00000026;cursor:pointer}.wu-pg__nav svg,.wu-pg__close svg{width:1.25rem;height:1.25rem}.wu-pg__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.wu-pg__nav--prev{left:.75rem}.wu-pg__nav--next{right:.75rem}.wu-pg__panel{position:relative;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem 1.25rem 2rem;border-top:1px solid rgb(var(--color-border))}@media(min-width:1024px){.wu-pg__panel{padding:3.5rem 1.5rem 2rem;border-top:0;border-left:1px solid rgb(var(--color-border))}}.wu-pg__close{position:fixed;top:.75rem;right:.75rem;z-index:3}.wu-pg__info{position:sticky;top:-1.25rem;z-index:1;margin:-1.25rem -1.25rem 1rem;padding:1.25rem 4rem 1rem 1.25rem;background:rgb(var(--color-background))}@media(min-width:1024px){.wu-pg__info{top:-3.5rem;margin:-3.5rem -1.5rem 1rem;padding:3.5rem 4rem 1rem 1.5rem}}.wu-pg__info[hidden]{display:none}.wu-pg__vendor{font-weight:700;font-size:var(--text-lg, 1.125rem);line-height:1.2}.wu-pg__title{font-weight:600;line-height:1.3;margin-top:.25rem}.wu-pg__variant{margin-top:.25rem;font-size:var(--text-sm, .875rem);color:rgb(var(--color-foreground) / .65)}.wu-pg__variant:empty{display:none}.wu-pg__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}@media(min-width:640px)and (max-width:1023px){.wu-pg__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.wu-pg__heading{margin:1.75rem 0 .75rem;font-weight:700;font-size:var(--text-lg, 1.125rem)}.wu-pg__thumb{position:relative;display:flex;align-items:center;justify-content:center;gap:.25rem;aspect-ratio:1;overflow:hidden;border:2px solid transparent;border-radius:var(--rounded-card, 8px);background:rgb(var(--color-foreground) / .04);cursor:pointer;scroll-margin:10rem 0 1rem;transition:border-color .2s}.wu-pg__thumb img{width:100%;height:100%;object-fit:cover}.wu-pg__thumb:hover{border-color:rgb(var(--color-foreground) / .3)}.wu-pg__thumb[aria-current=true]{border-color:rgb(var(--color-foreground))}.wu-pg__thumb--3d .wu-3d-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.8rem;font-weight:700;line-height:1}.wu-pg__thumb--3d .wu-3d-badge svg{width:2rem;height:2rem}.wu-pg__play{position:absolute;width:2.25rem;height:1.6rem;border-radius:.4rem;background:red}.wu-pg__play:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);border-style:solid;border-width:.4rem 0 .4rem .65rem;border-color:transparent transparent transparent #fff}.wu-pg__count{position:absolute;right:.3rem;bottom:.3rem;padding:.05rem .4rem;border-radius:1rem;font-size:.75rem;font-weight:600;background:#000000a6;color:#fff}.wu-pg__album{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:1rem;width:max-content;max-width:calc(100% - 2rem);padding:.6rem .6rem .6rem 1rem;border-radius:999px;background:rgb(var(--color-background) / .92);box-shadow:0 2px 12px #0000002e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wu-pg__album[hidden]{display:none}.wu-pg__album-text{min-width:0}.wu-pg__album-car{font-weight:700;line-height:1.2}.wu-pg__album-meta{font-size:var(--text-sm, .875rem);color:rgb(var(--color-foreground) / .7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wu-pg__album-link{flex-shrink:0;white-space:nowrap}@media(max-width:767px){.wu-pg__album{bottom:.5rem;border-radius:1rem;flex-wrap:wrap;justify-content:center;text-align:center}.wu-pg__album-meta{white-space:normal}}.wu-pg__thumb--album{flex-direction:column;aspect-ratio:auto;overflow:visible;border:0;background:none;gap:.3rem}.wu-pg__thumb--album img{aspect-ratio:1;height:auto;border:2px solid transparent;border-radius:var(--rounded-card, 8px);transition:border-color .2s}.wu-pg__thumb--album:hover img{border-color:rgb(var(--color-foreground) / .3)}.wu-pg__thumb--album[aria-current=true] img{border-color:rgb(var(--color-foreground))}.wu-pg__thumb--album .wu-pg__count{bottom:auto;top:.3rem}.wu-pg__caption{width:100%;font-size:.75rem;line-height:1.25;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wu-pg__stage{padding:0;overflow:hidden;background:#111}.wu-pg__view{position:relative}.wu-pg__view .wu-pg__bg{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;width:calc(100% + 80px);max-width:none;height:calc(100% + 80px);max-height:none;object-fit:cover;filter:blur(28px) brightness(.85);transform:scale(1.05)}.wu-pg__view .wu-pg__img{position:relative;width:100%;height:100%;object-fit:contain}.wu-pg__view[data-type=album] .wu-pg__img{object-fit:cover}.wu-pg__nav,.wu-pg__close,.wu-pg__album,.wu-pg .wu-pg__album-link.button{background:#1414144d;color:#fff;border:1px solid rgb(255 255 255 / .35);box-shadow:0 4px 24px #0003;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}.wu-pg__nav:hover,.wu-pg__close:hover,.wu-pg__album-link:hover{background:#14141473}.wu-pg__nav{width:3.25rem;height:3.25rem}.wu-pg__nav--prev{left:1.25rem}.wu-pg__nav--next{right:1.25rem}.wu-pg__album{bottom:1.5rem}.wu-pg__album-car{color:#fff;text-shadow:0 1px 4px rgb(0 0 0 / .35)}.wu-pg__album-meta{color:#ffffffd9}.wu-pg__album-link{box-shadow:none}.wu-pg__album-link .btn-fill{display:none}@media(min-width:1024px){.wu-pg__close{right:calc(clamp(320px,26vw,440px) + 1.25rem);top:1.25rem}}@media(max-width:767px){.wu-pg__album{left:0;right:0;bottom:0;transform:none;width:100%;max-width:100%;border-radius:0;border-width:1px 0 0;flex-wrap:nowrap;justify-content:space-between;text-align:left;gap:.75rem;padding:.75rem 1rem}.wu-pg__album-meta{font-size:.75rem}.wu-pg .wu-pg__album-link.button{padding-inline:1rem;min-height:2.5rem;font-size:.875rem}}@media(max-width:1023px){.wu-pg__layout{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.wu-pg__stage{flex:0 0 auto;align-items:flex-start;height:auto}.wu-pg__view{height:auto;align-items:flex-start}.wu-pg__view .wu-pg__img,.wu-pg__view video{width:100%;height:auto;max-height:70dvh;object-fit:cover}.wu-pg__view[data-type=embed] iframe{width:100%;aspect-ratio:16 / 9;height:auto}.wu-pg__panel{flex:0 0 auto;overflow:visible;padding:1rem 0 2rem;border-top:0}.wu-pg__info{position:static;margin:0 0 1rem;padding:0 1rem}.wu-pg__heading{margin:1.5rem 1rem .75rem}.wu-pg__grid{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;padding-inline:1rem;scrollbar-width:none}.wu-pg__grid::-webkit-scrollbar{display:none}.wu-pg__grid>.wu-pg__thumb{flex:0 0 62%;scroll-snap-align:start;scroll-margin:0}.wu-pg__grid>.wu-pg__thumb:not(.wu-pg__thumb--album){aspect-ratio:4 / 3}.wu-pg__thumb--album img{aspect-ratio:4 / 3}.wu-pg__caption{font-size:.875rem;text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/193/assets/wu-product-gallery.css.map */