.xiv{--xiv-ink: #1d1d1f;--xiv-muted: #6e6e73;--xiv-line: #e3e5e8;--xiv-hover: #f2f3f5;position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:rgb(255 255 255 / var(--xiv-fade, 1));color:var(--xiv-ink);font-family:inherit;overscroll-behavior:contain;touch-action:none}.xiv[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.xiv::backdrop{background:transparent}.xiv:focus{outline:none}.xiv *,.xiv *:before,.xiv *:after{box-sizing:border-box}.xiv button{-webkit-appearance:none;appearance:none;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.xiv svg{display:block;width:22px;height:22px;stroke-width:1.5}.xiv__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(28px,env(safe-area-inset-left))}.xiv .xiv__count{margin:0;color:var(--xiv-muted);font-size:14px;font-weight:500;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}.xiv__tools{display:flex;align-items:center;gap:4px;margin-left:auto}.xiv .xiv__button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transition:background-color .15s ease}.xiv .xiv__button:hover{background:var(--xiv-hover)}.xiv .xiv__button:focus-visible,.xiv .xiv__nav:focus-visible,.xiv .xiv__thumb:focus-visible{outline:2px solid var(--xiv-ink);outline-offset:2px}.xiv .xiv__zoom-out,.xiv.is-zoomed .xiv__zoom-in{display:none}.xiv.is-zoomed .xiv__zoom-out{display:block}.xiv__main{position:relative;min-height:0}.xiv__stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;padding:12px 104px 24px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.xiv .xiv__image{position:absolute;top:0;left:0;display:block;max-width:none;max-height:none;margin:0;transform-origin:0 0;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.xiv .xiv__image.is-animating{transition:transform .32s cubic-bezier(.2,.8,.2,1)}.xiv.is-zoomed .xiv__stage,.xiv.is-zoomed .xiv__image{cursor:grab}.xiv.is-dragging .xiv__stage,.xiv.is-dragging .xiv__image{cursor:grabbing}.xiv .xiv__nav{position:absolute;top:50%;z-index:1;display:grid;place-items:center;width:48px;height:48px;margin-top:-24px;border:1px solid var(--xiv-line);border-radius:50%;background:#fff;color:var(--xiv-ink);box-shadow:0 1px 2px #1018280d,0 4px 14px #10182812;transition:background-color .15s ease,box-shadow .15s ease}.xiv .xiv__nav:hover{background:#f7f8fa;box-shadow:0 1px 2px #1018280f,0 6px 18px #1018281a}.xiv .xiv__nav svg{width:20px;height:20px}.xiv .xiv__nav--previous{left:32px}.xiv .xiv__nav--next{right:32px}.xiv__thumbs{display:flex;gap:10px;overflow-x:auto;padding:12px max(24px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));scrollbar-width:none;touch-action:pan-x}.xiv__thumbs::-webkit-scrollbar{display:none}.xiv .xiv__thumb{flex:none;width:64px;height:64px;padding:5px;border:1px solid var(--xiv-line);border-radius:10px;background:#fff;opacity:.7;transition:opacity .15s ease,border-color .15s ease,box-shadow .15s ease}.xiv .xiv__thumb:first-child{margin-left:auto}.xiv .xiv__thumb:last-child{margin-right:auto}.xiv .xiv__thumb:hover{opacity:1}.xiv .xiv__thumb[aria-current=true]{opacity:1;border-color:var(--xiv-ink);box-shadow:inset 0 0 0 1px var(--xiv-ink)}.xiv .xiv__thumb img{display:block;width:100%;height:100%;margin:0;object-fit:contain;pointer-events:none}.xiv.is-single .xiv__count,.xiv.is-single .xiv__nav,.xiv.is-single .xiv__thumbs{display:none}.xiv .xiv__live{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html.xiv-locked{overflow:hidden;scrollbar-gutter:stable}@media(prefers-reduced-motion:no-preference){.xiv[open]{animation:xiv-fade-in .2s ease-out}.xiv[open] .xiv__image{animation:xiv-image-in .3s cubic-bezier(.2,.8,.2,1)}}@keyframes xiv-fade-in{0%{opacity:0}}@keyframes xiv-image-in{0%{opacity:0;scale:.96}}@media(max-width:749px){.xiv__bar{min-height:56px;padding-right:max(6px,env(safe-area-inset-right));padding-left:max(18px,env(safe-area-inset-left))}.xiv__stage{padding:8px 0 12px}.xiv .xiv__nav{display:none}.xiv__thumbs{gap:8px;padding-top:8px;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.xiv .xiv__thumb{width:52px;height:52px;padding:4px;border-radius:8px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/excel-image-viewer.css.map */