hoyo-product-closeups{display:block;position:relative;isolation:isolate;color:inherit}hoyo-product-closeups [hidden]{display:none!important}hoyo-product-closeups .pc-viewport{position:relative;height:var(--pc-height);overflow:hidden}hoyo-product-closeups .pc-track{position:relative;display:flex;align-items:center;gap:var(--pc-gap);height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline-start:var(--pc-edge-start,24px);padding-inline-end:var(--pc-edge-end,24px);touch-action:pan-x pan-y;box-sizing:border-box}hoyo-product-closeups .pc-track.pc-fits{justify-content:center;padding-inline:12px}hoyo-product-closeups .pc-card{position:relative;flex:0 0 auto;display:block;height:var(--pc-card-height);width:calc(var(--pc-card-height) * var(--pc-aspect));max-width:84vw;overflow:hidden;border-radius:var(--pc-radius);scroll-snap-align:center;cursor:zoom-in;background:#80808014;color:inherit;user-select:none;-webkit-user-select:none;text-decoration:none}hoyo-product-closeups[data-fit=portrait] .pc-card{width:calc(var(--pc-card-height)*.75)}hoyo-product-closeups[data-fit=square] .pc-card{width:var(--pc-card-height)}hoyo-product-closeups[data-fit=landscape] .pc-card{width:calc(var(--pc-card-height)*1.333333)}hoyo-product-closeups .pc-card>img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}hoyo-product-closeups .pc-canvas{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}hoyo-product-closeups .pc-canvas[data-hover=open]{cursor:zoom-in}hoyo-product-closeups .pc-canvas[data-dragging],hoyo-product-closeups .is-dragging,hoyo-product-closeups .is-dragging .pc-card{cursor:grabbing;scroll-snap-type:none}hoyo-product-closeups.pc-webgl .pc-canvas{opacity:1;pointer-events:auto}hoyo-product-closeups.pc-webgl .pc-track{visibility:hidden}hoyo-product-closeups .pc-toolbar{display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding-top:4px}hoyo-product-closeups .pc-count{font-family:inherit;font-size:12px;letter-spacing:.12em;font-variant-numeric:tabular-nums;opacity:.65;min-width:58px;text-align:center}hoyo-product-closeups .pc-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;padding:10px;border:1px solid rgba(128,128,128,.24);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background .2s,opacity .2s;-webkit-appearance:none;appearance:none;box-shadow:none}hoyo-product-closeups .pc-button svg{display:block;width:22px;height:22px;pointer-events:none}hoyo-product-closeups .pc-button:hover{background:#8080801f}hoyo-product-closeups .pc-button:disabled{opacity:.25;cursor:default}hoyo-product-closeups .pc-card:focus-visible,hoyo-product-closeups .pc-button:focus-visible,hoyo-product-closeups .pc-canvas:focus-visible,hoyo-product-closeups .pc-track:focus-visible,hoyo-product-closeups .pc-pause:focus-visible{outline:2px solid #6d388b;outline-offset:-3px}hoyo-product-closeups .pc-pause{font:inherit;font-size:12px;border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;padding:10px}hoyo-product-closeups .pc-video-badge{position:absolute;bottom:10px;right:10px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#0009;color:#fff;font-size:12px}hoyo-product-closeups .pc-video-label{font-size:11px;opacity:.65}hoyo-product-closeups .pc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}hoyo-product-closeups .pc-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#100e14f7;color:#fff;overflow:hidden;box-sizing:border-box}hoyo-product-closeups .pc-dialog::backdrop{background:#000c}hoyo-product-closeups .pc-stage{position:absolute;top:74px;right:70px;bottom:42px;left:70px;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom}hoyo-product-closeups .pc-full-media{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:0;-webkit-user-select:none;user-select:none}hoyo-product-closeups .pc-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:2;background:#ffffff12;border-color:#ffffff30}hoyo-product-closeups .pc-dialog-prev,hoyo-product-closeups .pc-dialog-next{position:absolute;top:calc(50% - 21px);z-index:2;background:#ffffff12;border-color:#ffffff30}hoyo-product-closeups .pc-dialog-prev{left:16px}hoyo-product-closeups .pc-dialog-next{right:16px}hoyo-product-closeups .pc-dialog-count{position:absolute;top:max(28px,env(safe-area-inset-top));left:24px;font-size:13px;letter-spacing:.12em;font-variant-numeric:tabular-nums}@media(max-width:749px){hoyo-product-closeups .pc-stage{top:72px;right:12px;bottom:84px;left:12px}hoyo-product-closeups .pc-dialog-prev,hoyo-product-closeups .pc-dialog-next{top:auto;bottom:max(20px,env(safe-area-inset-bottom))}hoyo-product-closeups .pc-dialog-prev{left:calc(50% - 54px)}hoyo-product-closeups .pc-dialog-next{right:calc(50% - 54px)}}@media(prefers-reduced-motion:reduce){hoyo-product-closeups *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}hoyo-product-closeups .pc-dialog{top:0;right:0;bottom:0;left:0;width:min(1000px,calc(100vw - 80px));height:min(760px,84vh);height:min(760px,84dvh);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;border:1px solid #ffffff45;border-radius:24px;background:#f8f7faf0;color:#2a2430;box-shadow:0 24px 100px #0004;overflow:hidden}hoyo-product-closeups .pc-dialog::backdrop{background:#14111961;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}hoyo-product-closeups .pc-dialog[open]{animation:pc-viewer-in .32s cubic-bezier(.22,1,.36,1) both}hoyo-product-closeups .pc-dialog[open]::backdrop{animation:pc-backdrop-in .25s ease both}hoyo-product-closeups .pc-dialog.pc-closing{animation:pc-viewer-out .2s ease both}hoyo-product-closeups .pc-dialog.pc-closing::backdrop{animation:pc-backdrop-out .2s ease both}hoyo-product-closeups .pc-stage{top:64px;right:72px;bottom:32px;left:72px}hoyo-product-closeups .pc-full-media{border-radius:10px}hoyo-product-closeups .pc-close,hoyo-product-closeups .pc-dialog-prev,hoyo-product-closeups .pc-dialog-next{background:#ffffff80;border-color:#30253624;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}hoyo-product-closeups .pc-pause{width:32px;height:32px;min-width:32px;padding:7px;text-decoration:none;opacity:.65}hoyo-product-closeups .pc-pause svg{width:18px;height:18px}hoyo-product-closeups .pc-pause .pc-play-icon{display:none}hoyo-product-closeups .pc-pause[aria-pressed=true] .pc-play-icon{display:block}hoyo-product-closeups .pc-pause[aria-pressed=true] .pc-pause-icon{display:none}@keyframes pc-viewer-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes pc-viewer-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.97)}}@keyframes pc-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes pc-backdrop-out{0%{opacity:1}to{opacity:0}}.hoyo-closeups-cursor{position:fixed;top:0;left:0;z-index:100;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:transparent;border:1px solid rgb(255 255 255 / 30%);box-sizing:border-box;box-shadow:inset 0 1.5px 1px #ffffffe5,inset 1.5px 0 3px #ffffff59,inset -1px -2px 2px #3b4c6438,inset 0 -5px 7px #ffffff1f,0 5px 16px #1e192321;color:#f5d982;font:600 12px/1 sans-serif;letter-spacing:.06em;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;visibility:hidden;scale:.88;transition:opacity .26s ease,scale .36s cubic-bezier(.22,1,.36,1),visibility 0s linear .26s;contain:layout style}.hoyo-closeups-cursor.is-visible{opacity:1;visibility:visible;scale:1;transition-delay:0s}.hoyo-closeups-cursor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from -35deg,#fffffff2,#ffffff1f 22%,#c0e0ff61 38%,#ffffffd9 51%,#f1d6ff47 65%,transparent 78%,#fffffff2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.hoyo-closeups-cursor>span,.hoyo-closeups-cursor>svg{position:relative;z-index:1;grid-area:1 / 1;transition:opacity .28s ease,transform .28s ease}.hoyo-closeups-cursor>svg{display:block;width:28px;height:28px;opacity:0;transform:scale(.94)}.hoyo-closeups-cursor.is-hint>span{opacity:0;transform:scale(.96)}.hoyo-closeups-cursor.is-hint>svg{opacity:1;transform:scale(1)}.hoyo-closeups-cursor.is-dragging{scale:.93;border-color:#ffffffeb}@supports (backdrop-filter:blur(1px)){.hoyo-closeups-cursor{background:radial-gradient(ellipse at 27% 0%,#ffffff6b,transparent 36%),radial-gradient(ellipse at 78% 100%,#dbefff2e,transparent 34%);backdrop-filter:blur(5px) saturate(1.3) brightness(1.06);-webkit-backdrop-filter:blur(5px) saturate(1.3) brightness(1.06)}}@media(min-width:750px)and (hover:hover)and (pointer:fine){hoyo-product-closeups .pc-custom-cursor,hoyo-product-closeups .pc-custom-cursor *{cursor:none!important}}@media(max-width:749px){hoyo-product-closeups .pc-dialog{width:calc(100vw - 24px);height:78vh;height:78dvh;border-radius:20px}hoyo-product-closeups .pc-stage{top:64px;right:12px;bottom:72px;left:12px}hoyo-product-closeups .pc-dialog-prev,hoyo-product-closeups .pc-dialog-next{bottom:16px}.hoyo-closeups-cursor{display:none}}@media(prefers-reduced-motion:reduce){hoyo-product-closeups .pc-dialog,hoyo-product-closeups .pc-dialog::backdrop,.hoyo-closeups-cursor,.hoyo-closeups-cursor>*{animation:none!important;transition:none!important}}@media(forced-colors:active){.hoyo-closeups-cursor{display:none}hoyo-product-closeups .pc-custom-cursor,hoyo-product-closeups .pc-custom-cursor *{cursor:auto!important}}hoyo-product-closeups .pc-track::-webkit-scrollbar{display:none;width:0;height:0}
/*# sourceMappingURL=/cdn/shop/t/20/compiled_assets/styles.css.map */