.snp-root{position:relative;display:block;width:100%;container-type:inline-size;overflow:hidden;isolation:isolate;border-radius:18px;
  color:var(--snp-fg);background:color-mix(in oklab,var(--snp-fg) 4%,var(--snp-bg));-webkit-font-smoothing:antialiased;line-height:1.3;text-align:left}
.snp-root:not([data-mounted]){position:absolute;visibility:hidden;pointer-events:none}
.snp-host{opacity:1!important;transform:none!important}
.snp-host>*:not(.snp-root):not(.avtb){display:none!important}
.snp-root *,.snp-root *::before,.snp-root *::after,.snp-viewer *,.snp-viewer *::before,.snp-viewer *::after{box-sizing:border-box}
.snp-root button,.snp-viewer button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;min-width:0;min-height:0;
  width:auto;height:auto;border-radius:0;box-shadow:none;text-transform:none;letter-spacing:normal;line-height:1;-webkit-appearance:none;appearance:none}
.snp-root img{max-width:none;display:block}
.snp-root [hidden]{display:none!important}
.snp-root .snp-bg{display:block;position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .8s ease;pointer-events:none;
  background:radial-gradient(60% 55% at calc(50% + var(--mx,0%)) calc(50% + var(--my,0%)),color-mix(in oklab,var(--t) 46%,transparent),transparent 74%),
    color-mix(in oklab,var(--t) 16%,color-mix(in oklab,var(--snp-fg) 4%,var(--snp-bg)))}
.snp-root .snp-bg[data-on="true"]{opacity:1}
.snp-root .snp-stage{position:relative;height:min(100cqw,84vh);min-height:340px;touch-action:pan-y}
.snp-root .snp-word{position:absolute;left:0;right:0;top:3cqw;display:flex;justify-content:center;font-size:20cqw;line-height:1;font-weight:800;letter-spacing:-.04em;
  text-transform:uppercase;white-space:nowrap;color:color-mix(in oklab,var(--t) 40%,transparent);pointer-events:none;user-select:none;visibility:hidden}
.snp-root .snp-float,.snp-root .snp-reflects,.snp-root .snp-tilt{position:absolute;inset:0}
.snp-root .snp-tilt{transform-style:preserve-3d}
.snp-root .snp-reflects{pointer-events:none}
.snp-root .snp-shoe{position:absolute;left:0;top:0;width:0;height:0;max-width:none;max-height:none;margin:0;visibility:hidden;
  filter:drop-shadow(0 2.2cqw 2cqw rgba(0,0,0,.16));-webkit-user-drag:none;user-select:none}
.snp-root .snp-shoe.snp-reflect{transform:scaleY(-1);transform-origin:50% calc(var(--b,.95)*100%);filter:blur(.6px);
  -webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--b,.95)*100% - 14%),#000 calc(var(--b,.95)*100%));
  mask-image:linear-gradient(to bottom,transparent calc(var(--b,.95)*100% - 14%),#000 calc(var(--b,.95)*100%))}
.snp-root .snp-sheen{position:absolute;display:block;pointer-events:none;
  background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%) 130% 0/300% 100% no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.snp-root .snp-floor{display:block;position:absolute;left:18%;width:64%;top:88%;height:6cqw;margin-top:-2.6cqw;border-radius:50%;
  background:radial-gradient(closest-side,rgba(0,0,0,.26),transparent);filter:blur(5px)}
.snp-root[data-flat="true"] .snp-float{mix-blend-mode:multiply}
.snp-root[data-flat="true"] .snp-shoe{filter:none}
.snp-root[data-flat="true"] .snp-floor,.snp-root[data-flat="true"] .snp-sheen,.snp-root[data-flat="true"] .snp-reflects{display:none}
.snp-root .snp-loupe{position:absolute;left:0;top:0;z-index:3;width:max(150px,26cqw);aspect-ratio:1;border-radius:50%;overflow:hidden;
  visibility:hidden;opacity:0;pointer-events:none;background:color-mix(in oklab,var(--snp-tint) 18%,var(--snp-bg));
  box-shadow:0 0 0 2px var(--snp-bg),0 18px 44px -12px rgba(0,0,0,.4)}
.snp-root .snp-loupe>span{display:block;position:absolute;inset:0;background-repeat:no-repeat}
.snp-root .snp-hint{position:absolute;right:3cqw;bottom:3.6cqw;transition:opacity .5s;font-size:max(10px,1.3cqw);letter-spacing:.12em;text-transform:uppercase;
  color:var(--snp-mut);pointer-events:none}
.snp-root .snp-hint-touch{display:none}
.snp-root .snp-hint[data-seen="true"]{opacity:0}
@media (pointer:fine){.snp-root .snp-stage{cursor:zoom-in}}
@media (pointer:coarse){.snp-root .snp-hint-fine{display:none}.snp-root .snp-hint-touch{display:inline}}
.snp-root .snp-thumbs{position:absolute;left:3cqw;bottom:3cqw;z-index:2;display:flex;align-items:center;gap:1.4cqw}
.snp-root .snp-thumbset{display:flex;align-items:center;gap:inherit}
.snp-root .snp-thumb{display:block;flex:none;width:max(42px,7cqw);height:max(50px,8.4cqw);overflow:hidden;border-radius:8px;outline-offset:3px;transition:transform .25s;
  background:color-mix(in oklab,var(--snp-bg) 65%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--snp-fg) 10%,transparent)}
.snp-root .snp-thumb:hover{transform:translateY(-2px)}
.snp-view{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50% 50%}
.snp-root .snp-more{flex:none;width:max(42px,7cqw);height:max(42px,7cqw);border-radius:8px;display:grid;place-items:center;background:var(--snp-fg);color:var(--snp-bg);
  font-size:max(12px,1.9cqw);transition:transform .25s}
.snp-root .snp-more:hover{transform:scale(1.08)}
.snp-viewer{position:fixed;inset:0;z-index:2147483000;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px;color:var(--snp-fg);font-family:inherit}
.snp-viewer[hidden]{display:none}
.snp-viewer .snp-scrim{display:block;position:absolute;inset:0;width:100%;height:100%;background:color-mix(in oklab,var(--snp-bg) 72%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:zoom-out}
.snp-viewer .snp-box{position:relative;width:min(760px,100%);display:flex;flex-direction:column;gap:14px}
.snp-viewer .snp-frame{position:relative;aspect-ratio:1/1;max-height:70vh;width:100%;border-radius:14px;overflow:hidden;cursor:zoom-in;
  background:radial-gradient(60% 70% at 50% 55%,color-mix(in oklab,var(--snp-tint) 38%,transparent),transparent 75%),color-mix(in oklab,var(--snp-tint) 14%,var(--snp-bg));
  box-shadow:0 30px 80px -20px rgba(0,0,0,.35)}
.snp-viewer .snp-frame .snp-view{position:absolute;inset:0;width:auto;height:auto;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.snp-viewer .snp-frame[data-zoom="true"]{cursor:zoom-out}
.snp-viewer .snp-vbar{display:flex;align-items:center;gap:12px;font-size:14px}
.snp-viewer .snp-vbar strong{font-weight:600}
.snp-viewer .snp-vbar span{color:var(--snp-mut);font-variant-numeric:tabular-nums}
.snp-viewer .snp-vbtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--snp-bg);
  box-shadow:0 0 0 1px color-mix(in oklab,var(--snp-fg) 14%,transparent);transition:transform .2s}
.snp-viewer .snp-vbtn:hover{transform:scale(1.08)}
.snp-viewer .snp-vbtn svg{width:18px;height:18px}
.snp-viewer .snp-nav-l,.snp-viewer .snp-nav-r{position:absolute;top:50%;translate:0 -50%}
.snp-viewer .snp-nav-l{left:14px}.snp-viewer .snp-nav-r{right:14px}
.snp-viewer .snp-close{margin-left:auto}
.snp-viewer .snp-rail{display:flex;gap:8px;overflow-x:auto;padding:2px}
.snp-viewer .snp-rail button{flex:none;width:56px;height:64px;border-radius:8px;overflow:hidden;opacity:.55;transition:opacity .2s;
  background:color-mix(in oklab,var(--snp-tint) 12%,var(--snp-bg))}
.snp-viewer .snp-rail button[aria-current="true"]{opacity:1;box-shadow:0 0 0 2px var(--snp-fg)}
@media (max-width:760px){
  .snp-root{border-radius:12px}
  .snp-root .snp-stage{height:112cqw}
  .snp-viewer{padding:12px}
  .snp-viewer .snp-nav-l{left:8px}.snp-viewer .snp-nav-r{right:8px}
  .snp-viewer .snp-vbtn{width:36px;height:36px}
}
@media (prefers-reduced-motion: reduce){
  .snp-root *,.snp-viewer *{transition:none!important;animation:none!important}
}