dialog.tl-lightbox[data-tl-style-modal]{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--color-black, #121212)}dialog.tl-lightbox[data-tl-style-modal]::backdrop{background:#121212b8}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__surface{position:relative;width:min(920px,calc(100vw - 160px));height:calc(100dvh - 80px);margin:40px auto;background:#fff}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__slider,.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__slider>.swiper-wrapper{width:100%;height:100%;min-height:0}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__slider,.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__item{overflow:hidden}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__item{position:relative;height:100%;min-height:0}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__content{box-sizing:border-box;height:100%;min-height:0;max-height:100%;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__image{position:relative;overflow:hidden;background:#ddd;touch-action:none}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__image .swiper-zoom-container{width:100%;height:auto;min-height:0;cursor:grab}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__image .swiper-zoom-container:active{cursor:grabbing}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__image img{display:block;width:100%;height:auto;max-height:calc(100dvh - 260px);object-fit:contain}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__item.swiper-slide-zoomed .tl-style-lightbox__content{overflow:hidden}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__item.swiper-slide-zoomed .tl-style-lightbox__image{position:absolute;z-index:2;top:20px;right:20px;bottom:20px;left:20px}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__item.swiper-slide-zoomed .swiper-zoom-container{height:100%}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__item.swiper-slide-zoomed .tl-style-lightbox__image img{width:100%;height:100%;max-height:none}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__zoom{position:absolute;z-index:3;right:16px;bottom:16px;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--color-border-default, #d9d9d9);border-radius:50%;background:#fffffff0;color:var(--color-black, #121212);cursor:zoom-in}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__zoom[aria-pressed=true]{cursor:zoom-out}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__zoom-fixed{display:none}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__prev,.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__next{position:fixed;z-index:5;top:50%;display:grid;place-items:center;width:56px;height:56px;padding:0;border:1px solid var(--color-border-default, #d9d9d9);border-radius:50%;background:#fff;color:var(--color-black, #121212);transform:translateY(-50%);cursor:pointer}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__prev{left:max(32px,calc(50vw - 540px))}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__next{right:max(32px,calc(50vw - 540px))}.tl-lightbox[data-tl-style-modal] :is(.tl-style-lightbox__prev,.tl-style-lightbox__next).swiper-button-disabled{opacity:.35;cursor:default}.tl-lightbox[data-tl-style-modal] .tl-lightbox__close{position:fixed;z-index:6;top:40px;right:max(16px,calc(50vw - 520px));display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--color-black, #121212);cursor:pointer}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__model{margin:16px 20px;text-align:center;font:500 14px/1.5 var(--font-jp);white-space:pre-line}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__products{display:grid;margin:0 20px;border-top:1px solid var(--color-border-default, #d9d9d9)}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__product{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:1.2rem 0;border-bottom:1px solid var(--color-border-default, #d9d9d9);font:400 14px/1.5 var(--font-jp)}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__product-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;min-width:0;width:100%}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__product-copy a,.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__product-copy span{min-width:0;overflow-wrap:anywhere}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__product a{color:inherit;text-decoration:underline;text-underline-offset:3px;transition:var(--transition-link)}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__product a:hover{opacity:.5}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__product strong{flex:none;color:var(--color-gray4, #767676);font:600 12px/1.5 var(--font-en-body)}@media(max-width:1023px){.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__surface{width:100vw;height:100dvh;margin:0}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__content{padding:52px 0 24px}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__image img{max-height:calc(100dvh - 160px)}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__item.swiper-slide-zoomed .tl-style-lightbox__image{top:52px;right:0;bottom:24px;left:0}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__zoom{display:none}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__zoom-fixed{position:absolute;z-index:5;top:60px;right:24px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--color-border-default, #d9d9d9);border-radius:50%;background:#fffffff0;color:var(--color-black, #121212);cursor:zoom-in}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__zoom-fixed[aria-pressed=true]{cursor:zoom-out}.tl-lightbox[data-tl-style-modal] :is(.tl-style-lightbox__prev,.tl-style-lightbox__next){width:40px;height:40px}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__prev{left:8px}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__next{right:8px}.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__model,.tl-lightbox[data-tl-style-modal] .tl-style-lightbox__products{margin-inline:var(--container-gutter, 16px)}.tl-lightbox[data-tl-style-modal] .tl-lightbox__close{top:4px;right:4px;width:44px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/tl-style-lightbox-foundation.css.map */