.te-gal{--gal-ink: var(--te-navy, #223a5e);--gal-bg: #fff;--gal-rail: 76px;--gal-gap: 14px;display:grid;grid-template-columns:var(--gal-rail) minmax(0,1fr);grid-template-areas:"thumbs stage";gap:var(--gal-gap);align-items:start;padding:24px;background:var(--gal-bg)}.te-gal:not(:has(.te-gal__thumbs)){grid-template-columns:minmax(0,1fr);grid-template-areas:"stage"}.te-gal__stage{grid-area:stage;position:relative;width:100%;max-width:calc(100svh - var(--header-group-height, 0px) - 48px);aspect-ratio:1 / 1;margin-inline:auto;overflow:hidden;background:var(--te-sky, #e6e4dc);cursor:zoom-in;outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none}.te-gal__stage:focus-visible{outline:2px solid var(--gal-ink);outline-offset:3px}.te-gal__slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;visibility:hidden;transition:opacity .55s cubic-bezier(.16,1,.3,1),visibility 0s linear .55s}.te-gal__slide.is-active{opacity:1;visibility:visible;transition:opacity .55s cubic-bezier(.16,1,.3,1),visibility 0s}.te-gal__img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;transition:transform .35s cubic-bezier(.16,1,.3,1);-webkit-user-drag:none}.te-gal__stage.is-magnifying .te-gal__slide.is-active .te-gal__img{transform:scale(var(--gal-magnify, 2.2));transition:transform .25s ease-out}.te-gal__stage.is-magnifying .te-gal__nav,.te-gal__stage.is-magnifying .te-gal__counter,.te-gal__stage.is-magnifying .te-pdp-breadcrumb,.te-gal__stage.is-magnifying .te-gal__zoom,.te-gal__stage.is-magnifying:hover .te-gal__nav{opacity:0;pointer-events:none}.te-gal .te-pdp-breadcrumb{position:absolute;top:16px;left:16px;z-index:3;transition:opacity .2s ease}.te-gal__nav,.te-gal__zoom{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgb(34 58 94 / .15);border-radius:50%!important;background:#ffffffeb;color:var(--gal-ink);font-family:var(--te-mono, monospace);font-size:18px;line-height:1;cursor:pointer;transition:opacity .2s ease,background .2s ease}.te-gal__nav:hover,.te-gal__zoom:hover{background:#fff}.te-gal__nav:focus-visible,.te-gal__zoom:focus-visible,.te-gal__thumb:focus-visible{outline:2px solid var(--gal-ink);outline-offset:2px}.te-gal__nav{top:50%;transform:translateY(-50%)}.te-gal__nav--prev{left:16px}.te-gal__nav--next{right:16px}.te-gal__zoom{top:16px;right:16px}.te-gal__zoom svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.te-gal__counter{position:absolute;right:16px;bottom:16px;z-index:3;padding:4px 8px;background:#ffffffeb;color:var(--gal-ink);font-family:var(--te-mono, monospace);font-size:10.5px;letter-spacing:.06em;transition:opacity .2s ease}@media(hover:hover)and (pointer:fine){.te-gal__nav{opacity:0}.te-gal__stage:hover .te-gal__nav,.te-gal__nav:focus-visible{opacity:1}}.te-gal__thumbs{grid-area:thumbs;display:flex;flex-direction:column;gap:10px;max-height:calc(100svh - var(--header-group-height, 0px) - 48px);overflow-y:auto;scrollbar-width:none}.te-gal__thumbs::-webkit-scrollbar{display:none}.te-gal__thumb{flex-shrink:0;width:var(--gal-rail);aspect-ratio:1 / 1;padding:0;border:1px solid transparent;background:var(--te-sky, #e6e4dc);cursor:pointer;opacity:.55;transition:opacity .2s ease,border-color .2s ease}.te-gal__thumb img{display:block;width:100%;height:100%;object-fit:cover}.te-gal__thumb:hover{opacity:.9}.te-gal__thumb.is-active{opacity:1;border-color:var(--gal-ink)}@media screen and (max-width:900px){.te-gal{--gal-rail: 58px;grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "thumbs";gap:10px;padding:0 0 12px}.te-gal__stage{max-width:none}.te-gal__thumbs{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 16px;gap:8px}.te-gal__nav{width:34px;height:34px;font-size:16px}.te-gal__nav--prev{left:10px}.te-gal__nav--next{right:10px}}.te-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;flex-direction:column;background:var(--te-sky, #e6e4dc);color:var(--te-navy, #223a5e);overscroll-behavior:contain}.te-lb.is-open{display:flex;animation:te-lb-in .3s ease both}@keyframes te-lb-in{0%{opacity:0}to{opacity:1}}html.te-lb-lock,html.te-lb-lock body{overflow:hidden}.te-lb__bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;font-family:var(--te-mono, monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.te-lb__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.te-lb__tools{display:flex;align-items:center;gap:8px}.te-lb__btn{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid rgb(34 58 94 / .2);border-radius:0!important;background:#ffffffb3;color:inherit;font-family:var(--te-mono, monospace);font-size:16px;line-height:1;cursor:pointer}.te-lb__btn:hover{background:#fff}.te-lb__btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.te-lb__btn[disabled]{opacity:.35;cursor:default}.te-lb__viewport{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;cursor:zoom-in}.te-lb__viewport.is-zoomed{cursor:grab}.te-lb__viewport.is-dragging{cursor:grabbing}.te-lb__img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;width:auto;height:auto;transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.te-lb__img.is-animating{transition:transform .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1)}.te-lb__nav{position:absolute;top:50%;z-index:2;transform:translateY(-50%)}.te-lb__nav--prev{left:16px}.te-lb__nav--next{right:16px}.te-lb.is-zoomed .te-lb__nav{opacity:0;pointer-events:none}.te-lb__thumbs{position:relative;z-index:2;display:flex;justify-content:center;gap:8px;padding:12px 16px 18px;overflow-x:auto;scrollbar-width:none}.te-lb__thumbs::-webkit-scrollbar{display:none}.te-lb__thumb{flex-shrink:0;width:52px;height:52px;padding:0;border:1px solid transparent;background:#fff;cursor:pointer;opacity:.55}.te-lb__thumb img{display:block;width:100%;height:100%;object-fit:cover}.te-lb__thumb.is-active{opacity:1;border-color:currentColor}.te-lb__hint{position:absolute;left:50%;bottom:12px;z-index:2;transform:translate(-50%);padding:5px 10px;background:#ffffffd9;font-family:var(--te-mono, monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;transition:opacity .4s ease}.te-lb.is-zoomed .te-lb__hint{opacity:0}@media screen and (max-width:749px){.te-lb__nav{display:none}.te-lb__thumb{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.te-gal__slide,.te-gal__slide.is-active,.te-gal__img,.te-lb__img.is-animating{transition:none}.te-lb.is-open{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/te-gallery.css.map */