yakjak-spin{--yj-ink:#202622;--yj-muted:#60655f;--yj-surface:#fff;--yj-line:#20262226;--yj-accent:#ab9467;display:block;position:relative;font-family:inherit;color:var(--yj-ink);background:var(--yj-surface);border:0;isolation:isolate}yakjak-spin *,.yj-spin-dialog *{box-sizing:border-box}yakjak-spin[data-gallery] .yj-spin-thumbs{display:none}@media(min-width:990px){.yjvg yakjak-spin[data-gallery] .yj-spin-stage{max-height:max(160px,min(380px,calc(100dvh - 450px)));min-height:160px}}.yj-spin-fallback img{display:block;width:100%;height:auto}.yj-spin-stage{position:relative;width:100%;aspect-ratio:3/2;max-height:62vh;min-height:220px;cursor:grab;touch-action:pan-y;overflow:hidden;background:#fff;user-select:none;-webkit-user-select:none;outline-offset:-4px}.yj-spin-stage:active{cursor:grabbing}.yj-spin-stage:focus-visible{outline:3px solid var(--yj-accent)}.yj-spin-stage>img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.yj-spin-top{display:flex;justify-content:space-between;gap:12px;padding:12px 16px 0;pointer-events:none}.yj-spin-tag{font-size:12px;line-height:1;letter-spacing:.07em;font-weight:600;padding:10px 12px;background:#fffffff2;border:1px solid var(--yj-line)}.yj-spin-hint{display:block;width:max-content;margin:0 auto 12px;padding:8px 16px;background:#fffffff2;border:1px solid var(--yj-line);border-radius:20px;color:var(--yj-ink);font-size:12px;white-space:nowrap;pointer-events:none}.yj-spin-error{margin:0;padding:12px 16px;background:#fff4df;color:#654314;font-size:14px}.yj-spin-error[hidden]{display:none}.yj-spin-tools{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--yj-line)}.yj-spin-controls{display:flex;gap:4px;align-items:center}yakjak-spin button,.yj-spin-close{-webkit-appearance:none;appearance:none;font:inherit;cursor:pointer;color:var(--yj-ink);background:var(--yj-surface);border:1px solid var(--yj-line);border-radius:0;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;font-size:13px;line-height:1.2}yakjak-spin button:hover,.yj-spin-close:hover{background:#ede9de}yakjak-spin button:focus-visible,.yj-spin-close:focus-visible{outline:3px solid var(--yj-accent);outline-offset:2px}.yj-spin-play{min-width:96px!important;gap:8px}.yj-spin-play[aria-pressed=true]{background:#202622;color:#fff}.yj-spin-expand{gap:8px}.yj-spin-range{flex:1;max-width:260px;min-width:60px;accent-color:var(--yj-ink);height:44px;margin:0 16px;cursor:ew-resize}.yj-spin-thumbs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:0 16px 16px}yakjak-spin .yj-spin-thumb{display:block;padding:0;position:relative;overflow:hidden;min-width:0;aspect-ratio:3/2;border:0;background:#fff}.yj-spin-thumb img{width:100%;height:100%;object-fit:contain;display:block}yakjak-spin .yj-spin-thumb[aria-pressed=true] span{text-decoration:underline;text-underline-offset:2px;font-weight:700}.yj-spin-thumb span{position:absolute;bottom:2px;left:4px;background:#ffffffed;color:#202622;font-size:12px;padding:0 3px}.yj-spin-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.yj-spin-dialog{padding:0;border:0;background:#fff;width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);color:#202622;overflow:auto}.yj-spin-dialog::backdrop{background:#141a1fc9}.yj-spin-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;font:500 16px General Sans,system-ui,sans-serif}.yj-spin-dialog yakjak-spin{border:0}.yj-spin-dialog .yj-spin-stage{max-height:68vh}@media(max-width:600px){.yj-spin-stage{min-height:230px;max-height:none}.yj-spin-top{padding:12px 12px 0}.yj-spin-tools{padding:12px 8px;gap:4px}.yj-spin-range{margin:0 8px}.yj-spin-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:4px 12px 12px}.yj-spin-expand{min-width:44px;padding:8px!important}.yj-spin-expand span{display:none}.yj-spin-dialog{width:calc(100vw - 16px)}.yj-spin-dialog-head{padding:8px}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/yakjak-spin.css.map */