.tpl-mg{--mgd-track: rgba(26, 26, 26, .14);--mgd-fill: #1a1a1a;--mgd-ink: #1a1a1a;--mgd-quiet: #77716b}html[data-theme=dark] .tpl-mg{--mgd-track: rgba(240, 238, 233, .18);--mgd-fill: #f0eee9;--mgd-ink: #f0eee9;--mgd-quiet: #8b8680}.tpl-mg .tpl-mg__dots{gap:2px;margin-top:2px;padding-inline:0}.tpl-mg .tpl-mg__dots .tpl-mg__dot{position:relative;flex:1 1 0;min-width:0;height:auto;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--mgd-quiet);font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .35s ease}.tpl-mg .tpl-mg__dots .tpl-mg__dot.is-on{background:transparent;color:var(--mgd-ink)}.tpl-mg .tpl-mg__dot:before,.tpl-mg .tpl-mg__dot:after{content:"";position:absolute;top:8px;left:3px;right:3px;height:2px;border-radius:2px}.tpl-mg .tpl-mg__dot:before{background:var(--mgd-track)}.tpl-mg .tpl-mg__dot:after{background:var(--mgd-fill);transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.22,1,.36,1)}.tpl-mg .tpl-mg__dot.is-on:after{transform:scaleX(1)}.tpl-mg .tpl-mg__dot-label{display:block;overflow:hidden;padding:18px 1px 0;font-family:var(--font-meta, "IBM Plex Mono", monospace);font-size:9px;font-weight:600;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;text-overflow:clip;white-space:nowrap}.tpl-mg .tpl-mg__dot.is-on .tpl-mg__dot-label{font-weight:700}.tpl-mg .tpl-mg__dot:focus-visible{outline:2px solid var(--mgd-ink);outline-offset:-2px;border-radius:4px}@media screen and (max-width:749px){.tpl-mg .tpl-mg__dots{padding-inline:4px}}@media screen and (max-width:420px){.tpl-mg .tpl-mg__dot-label{letter-spacing:.02em;font-size:8.5px}}.tpl-mg__slide.has-plus .tpl-mg__img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tpl-mg__hint{position:absolute;left:50%;top:10px;z-index:2;transform:translate(-50%);padding:4px 10px;border-radius:999px;background:#1a1a1abf;color:#fff;font-family:var(--font-meta, "IBM Plex Mono", monospace);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .4s ease}.tpl-mg__hint.is-on{opacity:1}.tpl-loupe{position:fixed;left:0;top:0;z-index:100001;width:132px;height:132px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 6px 24px #00000059;background-color:#1a1a1a;background-repeat:no-repeat;pointer-events:none;opacity:0;will-change:transform}.tpl-loupe.is-on{opacity:1}.tpl-loupe.tpl-loupe{display:block}@media(hover:hover)and (pointer:fine){.tpl-loupe{width:168px;height:168px}}html.tpl-loupe-live,html.tpl-loupe-live *{cursor:none!important}.tpl-mgx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100001;background:#111;color:#f0eee9;overscroll-behavior:contain;opacity:0;transition:opacity .2s ease}.tpl-mgx[hidden]{display:none}.tpl-mgx.is-open{opacity:1}.tpl-mgx__track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;overscroll-behavior:contain}.tpl-mgx__track::-webkit-scrollbar{display:none}.tpl-mgx__slide,.tpl-mgx__img{touch-action:pan-x}.tpl-mgx.is-zoomed .tpl-mgx__track{overflow-x:hidden}.tpl-mgx.is-zoomed .tpl-mgx__track,.tpl-mgx.is-zoomed .tpl-mgx__slide,.tpl-mgx.is-zoomed .tpl-mgx__img{touch-action:none}.tpl-mgx__slide{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-block:108px;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always}.tpl-mgx__img{display:block;max-width:100vw;max-height:100%;width:auto;height:auto;transform-origin:50% 50%;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.tpl-mgx__close,.tpl-mgx__nav{position:absolute;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:#f0eee929;color:#f0eee9;cursor:pointer;-webkit-tap-highlight-color:transparent}.tpl-mgx__close{top:max(12px,env(safe-area-inset-top));right:12px}.tpl-mgx__nav{top:50%;margin-top:-22px;display:none}.tpl-mgx__nav--prev{left:14px}.tpl-mgx__nav--next{right:14px}@media(hover:hover)and (pointer:fine){.tpl-mgx__nav{display:grid}}.tpl-mgx__close:focus-visible,.tpl-mgx__nav:focus-visible{outline:2px solid #f0eee9;outline-offset:2px}.tpl-mgx__bar{position:absolute;z-index:2;left:0;right:0;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 68px);display:flex;justify-content:center;gap:10px;text-align:center;font-family:var(--font-meta, "IBM Plex Mono", monospace);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.5)}.tpl-mgx__cap{color:#f0eee9}.tpl-mgx__cap:not(:empty):before{content:"\b7";margin-right:10px;opacity:.6}.tpl-mgx__count{opacity:.75}.tpl-mgx__thumbs{position:absolute;z-index:3;left:0;right:0;bottom:max(12px,env(safe-area-inset-bottom));display:flex;justify-content:safe center;gap:8px;padding:0 14px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.tpl-mgx__thumbs::-webkit-scrollbar{display:none}.tpl-mgx__thumbs[hidden]{display:none}.tpl-mgx__thumb{position:relative;flex:0 0 auto;width:44px;height:56px;padding:0;border:0;background:#222;opacity:.5;cursor:pointer;overflow:hidden;transition:opacity .25s ease;-webkit-tap-highlight-color:transparent}.tpl-mgx__thumb img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.tpl-mgx__thumb[aria-current=true]{opacity:1;box-shadow:0 0 0 2px #f0eee9}.tpl-mgx__thumb:focus-visible{outline:2px solid #f0eee9;outline-offset:2px;opacity:1}.tpl-mgx__track{bottom:0}html.tpl-mgx-open{overscroll-behavior:none}.tpl-cursor-active .tpl-mgx,.tpl-cursor-active .tpl-mgx *{cursor:auto!important}.tpl-cursor-active .tpl-mgx button{cursor:pointer!important}@media(prefers-reduced-motion:reduce){.tpl-mgx,.tpl-mg__hint,.tpl-mg .tpl-mg__dot,.tpl-mg .tpl-mg__dot:after,.tpl-mgx__thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/tpl-mat-gallery-plus.css.map */