.loc-interior-page #MainContent .loc-tcg-directory{width:min(100%,var(--loc-width));padding:8px var(--loc-gutter) 24px;margin-inline:auto;color:var(--loc-ink)}.loc-interior-page #MainContent .loc-tcg-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 0 28px;border-bottom:1px solid var(--loc-line);background:transparent;color:var(--loc-ink)}.loc-interior-page #MainContent .loc-tcg-eyebrow{margin:0 0 12px;color:var(--loc-muted);font-size:11px;font-weight:650;letter-spacing:.14em;line-height:1.6}.loc-interior-page #MainContent .loc-tcg-intro h1{margin:0;color:var(--loc-ink);font-size:clamp(32px,3.5vw,44px);font-weight:650;line-height:1.12}.loc-tcg-intro-aside{max-width:380px}.loc-interior-page #MainContent .loc-tcg-description{margin:0 0 12px;color:var(--loc-muted);font-size:15px;line-height:1.6}.loc-interior-page #MainContent .loc-tcg-shop-all{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:8px 16px;border:1px solid var(--loc-field-line);border-radius:999px;background:transparent;color:var(--loc-ink);font-size:13px;font-weight:600;text-decoration:none}.loc-tcg-shop-all svg,.loc-tcg-card-arrow svg{width:18px;height:18px}.loc-tcg-shop-all>span{display:flex}.loc-tcg-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:24px 0 20px}.loc-interior-page #MainContent .loc-tcg-section-heading h2{margin:0;color:var(--loc-ink);font-size:22px;font-weight:600}.loc-tcg-section-heading>span{color:var(--loc-muted);font-size:12px;line-height:1.5}.loc-tcg-carousel{display:block;min-width:0}.loc-tcg-track{display:flex;align-items:stretch;gap:24px;padding:16px 10px 24px;margin:-16px -10px -8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.loc-tcg-track::-webkit-scrollbar{display:none}.loc-tcg-carousel[data-dragging] .loc-tcg-track{scroll-snap-type:none;cursor:grabbing}.loc-tcg-carousel[data-dragging] .loc-tcg-card{cursor:grabbing}.loc-interior-page #MainContent:has(.loc-tcg-directory) .section-resource-list{--page-width: var(--loc-width);--page-margin: var(--loc-gutter);--page-content-width: calc(var(--loc-width) - var(--loc-gutter) * 2);padding-block:32px}@media(min-width:900px){.loc-interior-page #MainContent:has(.loc-tcg-directory) .section-resource-list>.resource-list.force-full-width{grid-column:2;--util-page-margin-offset: 0px;--peek-next-slide-size: 0px}}.loc-interior-page #MainContent .loc-tcg-card{min-width:0;flex:0 0 calc((100% - 72px)/4);display:flex;flex-direction:column;scroll-snap-align:start;border-radius:20px;background:transparent;color:var(--loc-ink);text-decoration:none;user-select:none;-webkit-user-select:none}.loc-tcg-card-art{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4 / 5;background:#fff;border-radius:20px;box-shadow:0 0 0 1px var(--loc-line);transform-origin:center;transition:transform .24s ease,box-shadow .24s ease}.loc-tcg-card--pokemon .loc-tcg-card-art{background:#fc0}.loc-tcg-card-art .loc-tcg-art-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}.loc-tcg-card-art--disney-ensemble .loc-tcg-art-brand{position:absolute;top:8%;left:10%;display:block;width:80%;height:28%;object-fit:contain;object-position:center}.loc-tcg-card-art--disney-ensemble .loc-tcg-art-image{top:39%;right:3%;bottom:4%;left:3%;width:94%;height:57%}.loc-tcg-card-art--cyberpunk{background:#00000f;box-shadow:inset 0 0 0 1px #fcee0a80}.loc-tcg-card-art--cyberpunk .loc-tcg-art-image{object-fit:cover;object-position:center}.loc-tcg-card-art--cyberpunk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000fee 0%,#00000f80 35%,transparent 65%);pointer-events:none}.loc-tcg-card-art--cyberpunk .loc-tcg-art-brand{position:absolute;z-index:1;top:9%;left:8%;width:84%;height:25%;object-fit:contain}.loc-tcg-card-caption{display:flex;flex:1;align-items:center;justify-content:space-between;gap:12px;padding:16px 2px 8px}.loc-interior-page #MainContent .loc-tcg-card-caption h3{margin:0;color:var(--loc-ink);font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.3}.loc-tcg-card-hint{display:block;margin-top:4px;color:var(--loc-muted);font-size:12px;line-height:1.5}.loc-tcg-card-arrow{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--loc-field-line);border-radius:50%;color:var(--loc-ink)}.loc-tcg-controls{display:flex;justify-content:center;align-items:center;gap:10px;padding:12px 0 4px}.loc-tcg-controls[hidden]{display:none!important}.loc-interior-page #MainContent .loc-tcg-control,.loc-interior-page #MainContent .loc-tcg-dot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:999px;box-shadow:none;background:transparent;color:var(--loc-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.loc-interior-page #MainContent .loc-tcg-control{border:1px solid var(--loc-field-line)}.loc-tcg-control svg{display:block;width:18px;height:18px}.loc-tcg-previous{order:0}.loc-tcg-previous svg{transform:rotate(180deg)}.loc-tcg-pagination{order:1;display:flex;align-items:center}.loc-tcg-next{order:2}.loc-tcg-dot-track{position:relative;display:block;width:9px;height:9px;border-radius:999px;background:var(--loc-muted);opacity:.6;overflow:hidden}.loc-tcg-dot[aria-current=true] .loc-tcg-dot-track{width:30px;height:10px;opacity:1;background:var(--loc-ink)}.loc-tcg-card:focus-visible,.loc-tcg-shop-all:focus-visible,.loc-tcg-control:focus-visible,.loc-tcg-dot:focus-visible{outline:2px solid var(--loc-ink);outline-offset:4px}.loc-tcg-card:active{opacity:.8}@media(hover:hover){.loc-tcg-carousel:not([data-dragging]) .loc-tcg-card:hover .loc-tcg-card-art{transform:scale(1.025);box-shadow:0 0 0 1px var(--loc-field-line),0 8px 18px #0000001a}.loc-tcg-card:hover .loc-tcg-card-arrow,.loc-tcg-shop-all:hover,.loc-interior-page #MainContent .loc-tcg-control:hover{background:var(--loc-ink);color:var(--loc-bg);border-color:var(--loc-ink)}}@media(min-width:900px)and (max-width:1199px){.loc-interior-page #MainContent .loc-tcg-card{flex-basis:calc((100% - 48px) / 3)}}@media(max-width:899px){.loc-tcg-track{gap:20px}.loc-interior-page #MainContent .loc-tcg-card{flex-basis:calc((100% - 20px)/2)}}@media(max-width:749px){.loc-interior-page #MainContent .loc-tcg-directory{padding:4px 16px 20px}.loc-interior-page #MainContent .loc-tcg-intro{align-items:flex-start;flex-direction:column;gap:16px;padding:8px 0 24px}.loc-interior-page #MainContent .loc-tcg-eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:8px}.loc-interior-page #MainContent .loc-tcg-description{font-size:14px}.loc-tcg-section-heading{gap:8px;margin:20px 0 16px}.loc-interior-page #MainContent .loc-tcg-section-heading h2{font-size:20px}.loc-tcg-section-heading>span{font-size:11px}.loc-tcg-card-caption{padding:12px 0 0;gap:6px}.loc-interior-page #MainContent .loc-tcg-card-caption h3{font-size:16px}.loc-tcg-card-arrow{width:26px;height:26px}.loc-tcg-card-arrow svg{width:16px;height:16px}}@media(max-width:599px){.loc-tcg-track{gap:16px}.loc-interior-page #MainContent .loc-tcg-card{flex-basis:86%}.loc-tcg-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}.loc-tcg-pagination{grid-row:1;grid-column:1 / -1;justify-self:center}.loc-tcg-previous{grid-row:2;grid-column:1}.loc-tcg-next{grid-row:2;grid-column:3}}@media(prefers-reduced-motion:reduce){.loc-tcg-card-art{transition:none!important;transform:none!important}}.loc-tcg-carousel[data-depth]{position:relative;isolation:isolate;overflow:clip;padding:0 0 8px}.loc-tcg-carousel[data-depth] .loc-tcg-track{position:relative;display:block;height:calc(var(--tcg-poster-height) + 112px);margin:0;padding:0;overflow:visible;scroll-snap-type:none;perspective:1400px;perspective-origin:50% 50%;touch-action:pan-y;cursor:grab}.loc-interior-page #MainContent .loc-tcg-carousel[data-depth] .loc-tcg-card{position:absolute;top:50%;left:50%;width:var(--tcg-card-width);min-width:0;flex:none;transform-origin:center center;will-change:transform,opacity,filter}.loc-tcg-carousel[data-depth] .loc-tcg-card-art{box-shadow:0 0 0 1px var(--loc-line),0 18px 32px -24px #0008}.loc-tcg-carousel[data-depth] .loc-tcg-card-caption{height:76px;flex:none;box-sizing:border-box}.loc-tcg-carousel[data-depth] .loc-tcg-card:not(.is-active) .loc-tcg-card-caption{opacity:0}.loc-tcg-carousel[data-depth] .loc-tcg-controls{display:flex;justify-content:center;gap:6px;padding:0 0 4px}.loc-interior-page #MainContent .loc-tcg-carousel[data-depth] :is(.loc-tcg-previous,.loc-tcg-next){position:absolute;top:calc(var(--tcg-poster-height) / 2 + 18px);transform:translateY(-50%);z-index:110;width:44px;height:44px;background:color-mix(in srgb,var(--loc-bg) 78%,transparent);color:var(--loc-ink);border:1px solid var(--loc-field-line);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loc-tcg-carousel[data-depth] .loc-tcg-previous{left:2px}.loc-tcg-carousel[data-depth] .loc-tcg-next{right:2px}.loc-interior-page #MainContent .loc-tcg-dot{background-image:none!important;text-decoration:none!important;border:0!important}.loc-interior-page #MainContent .loc-tcg-dot:before,.loc-interior-page #MainContent .loc-tcg-dot:after{content:none!important;display:none!important;border:0!important}.loc-interior-page #MainContent .loc-tcg-dot:focus-visible{outline:2px solid var(--loc-ink);outline-offset:-3px}@media(hover:hover){.loc-tcg-carousel[data-depth]:not([data-dragging]) .loc-tcg-card:not(.is-active):hover .loc-tcg-card-art{transform:none}.loc-tcg-carousel[data-depth]:not([data-dragging]) .loc-tcg-card.is-active:hover .loc-tcg-card-art{transform:scale(1.018)}}@media(max-width:599px){.loc-tcg-carousel[data-depth] .loc-tcg-track{height:calc(var(--tcg-poster-height) + 104px)}.loc-tcg-carousel[data-depth] .loc-tcg-controls{flex-wrap:wrap}.loc-tcg-carousel[data-depth] .loc-tcg-pagination{width:100%;justify-content:center}.loc-interior-page #MainContent .loc-tcg-carousel[data-depth] :is(.loc-tcg-previous,.loc-tcg-next){top:calc(var(--tcg-poster-height) / 2 + 14px)}.loc-interior-page #MainContent .loc-tcg-carousel[data-depth] .loc-tcg-card-caption h3{font-size:16px}}@media(prefers-reduced-motion:reduce){.loc-interior-page #MainContent .loc-tcg-carousel[data-depth] .loc-tcg-card{will-change:auto}}.loc-tcg-carousel{container-type:inline-size}.loc-tcg-carousel[data-depth]:not([data-ready])>*{--tcg-start-width: min(360px, 38cqw);--tcg-start-spread: min(270px, calc((100cqw - var(--tcg-start-width) - 92px) / 3.25));--tcg-start-depth: 140px;--tcg-start-layers: 2.85}.loc-tcg-carousel[data-depth]:not([data-ready]) .loc-tcg-track{height:calc(var(--tcg-start-width) * 1.25 + 112px)}.loc-tcg-carousel[data-depth]:not([data-ready]) .loc-tcg-controls[hidden]{display:flex!important;visibility:hidden}.loc-interior-page #MainContent .loc-tcg-carousel[data-depth]:not([data-ready]) .loc-tcg-card{width:var(--tcg-start-width);transform:translate(-50%,-50%) translate(calc(var(--tcg-start-spread) * var(--tcg-offset))) translateZ(calc(-1 * var(--tcg-start-depth) * var(--tcg-distance))) rotateY(var(--tcg-turn));opacity:clamp(0,calc((var(--tcg-start-layers) - var(--tcg-distance)) / .55),1);filter:brightness(max(.7,calc(1 - var(--tcg-distance) * .085))) blur(min(1.8px,calc(var(--tcg-distance) * .65px)));z-index:calc(100 - var(--tcg-distance) * 20)}@container (max-width: 599px){.loc-tcg-carousel[data-depth]:not([data-ready])>*{--tcg-start-width: min(300px, 66cqw);--tcg-start-spread: 28cqw;--tcg-start-depth: 110px;--tcg-start-layers: 1.75}}@media(max-width:599px){.loc-tcg-carousel[data-depth]:not([data-ready]) .loc-tcg-track{height:calc(var(--tcg-start-width) * 1.25 + 104px)}}@media(prefers-reduced-motion:reduce){.loc-interior-page #MainContent .loc-tcg-carousel[data-depth]:not([data-ready]) .loc-tcg-card{filter:brightness(max(.7,calc(1 - var(--tcg-distance) * .085)))}}.loc-interior-page #MainContent .loc-tcg-dot{min-width:24px;width:24px;height:44px}.loc-interior-page #MainContent .loc-tcg-dot[aria-current=true]{width:40px}.loc-tcg-dot-track{border:0!important;background-image:none!important}
/*# sourceMappingURL=/cdn/shop/t/66/assets/loc-tcg-directory.css.map */
