html.op-x{--op-c1: 126, 245, 255;--op-c2: 167, 139, 255;--op-c3: 255, 143, 214}html.op-x[data-op-world=pokemon]{--op-c1: 255, 203, 5;--op-c2: 61, 125, 202;--op-c3: 227, 53, 13}html.op-x[data-op-world=one-piece]{--op-c1: 226, 53, 43;--op-c2: 242, 177, 52;--op-c3: 58, 98, 190}html.op-x[data-op-world=riftbound]{--op-c1: 138, 92, 255;--op-c2: 34, 211, 197;--op-c3: 240, 195, 90}html.op-x[data-op-world=mtg]{--op-c1: 255, 138, 61;--op-c2: 58, 164, 107;--op-c3: 108, 140, 255}html.op-x[data-op-world=yugioh]{--op-c1: 245, 197, 66;--op-c2: 141, 75, 214;--op-c3: 64, 90, 220}html.op-x[data-op-world=beyblade]{--op-c1: 255, 59, 59;--op-c2: 47, 183, 255;--op-c3: 255, 210, 63}html.op-x[data-op-world=warhammer]{--op-c1: 201, 48, 44;--op-c2: 184, 160, 106;--op-c3: 120, 130, 150}html.op-x[data-op-world=dragonball]{--op-c1: 255, 140, 26;--op-c2: 255, 210, 63;--op-c3: 47, 107, 255}html.op-x[data-op-world=lorcana]{--op-c1: 123, 92, 255;--op-c2: 244, 197, 66;--op-c3: 41, 193, 230}html.op-x[data-op-world=grails]{--op-c1: 255, 215, 106;--op-c2: 255, 176, 64;--op-c3: 201, 161, 59}.op-x body:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(42vw 34vw at 8% 6%,rgba(var(--op-c1),.16),transparent 62%),radial-gradient(40vw 32vw at 94% 14%,rgba(var(--op-c2),.13),transparent 62%),radial-gradient(52vw 40vw at 72% 96%,rgba(var(--op-c3),.09),transparent 62%),var(--op-frost)}.op-chero-section{position:relative}.op-chero{--op-ch-pad: clamp(22px, 4vw, 64px);padding:clamp(10px,1.4vw,22px) clamp(8px,1.6vw,24px) 0}.op-chero__stage{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto;min-height:clamp(420px,52vh,540px);border-radius:var(--op-r-xl);background:var(--op-ink);color:#f3f4f7;box-shadow:0 40px 90px -50px rgba(var(--op-ink-rgb),.9);animation:op-stage-in 1s var(--op-ease) backwards}.op-chero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.op-chero__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5;transform:scale(1.04);animation:op-chero-art 1.8s var(--op-ease) backwards;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.55) 35%,#000 70%);mask-image:linear-gradient(90deg,#00000040,#0000008c,#000 70%)}.op-chero__art.is-empty{display:none}@keyframes op-chero-art{0%{opacity:0;transform:scale(1.14)}}.op-chero__bg:before,.op-chero__bg:after{content:"";position:absolute;pointer-events:none}.op-chero__bg:before{top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,rgba(var(--op-ink-rgb),.94),rgba(var(--op-ink-rgb),.72) 42%,rgba(var(--op-ink-rgb),.18) 78%,rgba(var(--op-ink-rgb),.3)),linear-gradient(0deg,rgba(var(--op-ink-rgb),.9),rgba(var(--op-ink-rgb),0) 38%)}.op-chero__bg:after{top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:2;background:radial-gradient(30% 36% at 72% 40%,rgba(var(--op-c1, 126, 245, 255),.32),transparent 70%),radial-gradient(28% 34% at 92% 78%,rgba(var(--op-c2, 167, 139, 255),.26),transparent 70%),radial-gradient(34% 40% at 18% 8%,rgba(var(--op-c3, 255, 143, 214),.2),transparent 70%);mix-blend-mode:screen;animation:op-aurora 24s var(--op-ease-io) infinite alternate}.op-chero__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 56px 56px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 56px 56px;-webkit-mask-image:radial-gradient(90% 80% at 70% 30%,#000 20%,transparent 80%);mask-image:radial-gradient(90% 80% at 70% 30%,#000 20%,transparent 80%)}.op-chero__inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(20px,3vw,48px);padding:clamp(30px,4.4vw,70px) var(--op-ch-pad) clamp(20px,2.4vw,34px)}.op-chero__copy{position:relative;z-index:2;min-width:0}.op-chero__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 clamp(16px,2vw,26px);font-family:var(--op-font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#f3f4f78c;animation:op-rise .8s var(--op-ease) .05s backwards}.op-chero__crumbs a{color:inherit;transition:color .3s var(--op-ease)}.op-chero__crumbs a:hover,.op-chero__crumbs [aria-current]{color:#fff}.op-chero__crumb-world{display:inline-flex;gap:10px}.op-chero__crumb-world[hidden]{display:none}.op-chero__title{margin:0;font-family:var(--op-font-display);font-weight:600;font-size:clamp(46px,6.3vw,108px);line-height:.9;letter-spacing:-.045em;color:#fff;text-wrap:balance}.op-chero__title .op-l{display:block;overflow:hidden;padding:0 .04em .07em 0;margin-bottom:-.07em}.op-chero__title .op-l>span{display:inline-block;animation:op-line-up 1.05s var(--op-ease) backwards;animation-delay:calc(var(--l, 0) * .09s + .12s)}.op-chero__title em{font-style:normal;background:linear-gradient(100deg,rgb(var(--op-c1, 126, 245, 255)),rgb(var(--op-c2, 167, 139, 255)) 52%,rgb(var(--op-c3, 255, 143, 214)));background-size:160% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:op-chero-sheen 9s var(--op-ease-io) infinite alternate}@keyframes op-chero-sheen{to{background-position:100% 0}}.op-chero__text{max-width:44ch;margin:clamp(16px,1.8vw,24px) 0 0;font-size:clamp(15px,1.15vw,17px);line-height:1.55;color:#f3f4f7bd;animation:op-rise .9s var(--op-ease) .28s backwards}.op-chero__stats{display:flex;flex-wrap:wrap;gap:8px;margin:clamp(18px,2vw,28px) 0 0;padding:0;list-style:none;animation:op-rise .9s var(--op-ease) .38s backwards}.op-chero__stats li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1f;font-family:var(--op-font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f3f4f7c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.op-chero__stats b{font-weight:500;color:#fff}.op-chero__stat-soon i{width:7px;height:7px;border-radius:50%;background:rgb(var(--op-c1, 126, 245, 255));box-shadow:0 0 rgba(var(--op-c1, 126, 245, 255),.6);animation:op-chero-pulse 2.4s var(--op-ease-io) infinite}@keyframes op-chero-pulse{70%{box-shadow:0 0 0 8px rgba(var(--op-c1, 126, 245, 255),0)}to{box-shadow:0 0 rgba(var(--op-c1, 126, 245, 255),0)}}.op-chero__fan{--spread: clamp(52px, 5.4vw, 92px);--fan: 7deg;--drop: 12px;position:relative;z-index:2;height:clamp(250px,26vw,360px);display:grid;place-items:center}.op-chero__card{grid-area:1 / 1;position:relative;z-index:var(--z, 1);width:clamp(124px,12vw,190px);border-radius:14px;transform:translate(calc(var(--off) * var(--spread))) translateY(calc(var(--aoff) * var(--drop))) rotate(calc(var(--off) * var(--fan)));transition:translate .7s var(--op-ease),scale .7s var(--op-ease),filter .5s var(--op-ease);animation:op-chero-deal 1.15s var(--op-ease) backwards;animation-delay:calc(.25s + var(--k, 0) * .07s)}@keyframes op-chero-deal{0%{opacity:0;transform:translate3d(0,70px,0) rotate(0) scale(.9)}}.op-chero__card-in{display:block;aspect-ratio:3 / 5;border-radius:inherit;overflow:hidden;background:linear-gradient(180deg,#fff,#eceef3);box-shadow:0 1px 1px #0003,0 30px 50px -22px #000c}.op-chero__card-img{width:100%;height:100%;object-fit:cover;display:block}@media(hover:hover){.op-chero__fan:hover .op-chero__card{filter:brightness(.72) saturate(.9)}.op-chero__fan .op-chero__card:hover{filter:none;translate:0 -16px;scale:1.05;z-index:30}}.op-chero__card:focus-visible{outline-offset:6px;z-index:30}.op-chero__nav{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:12px clamp(14px,2.4vw,28px);border-top:1px solid rgba(255,255,255,.08);background:#ffffff08;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:op-fade .9s var(--op-ease-soft) .45s backwards}.op-chero__nav:empty{display:none}.op-chero__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;width:100%}.op-chero__group[hidden]{display:none}.op-chero__tabs{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}.op-chero__tabs::-webkit-scrollbar{display:none}.op-chero__tabs-label,.op-chero__sets-label{margin-right:8px;font-family:var(--op-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#f3f4f773;white-space:nowrap}.op-chero__tab{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:-.005em;color:#f3f4f7b8;white-space:nowrap;transition:color .3s var(--op-ease),background-color .35s var(--op-ease),transform .45s var(--op-ease)}.op-chero__tab:hover{color:#fff;background:#ffffff14}.op-chero__tab:active{transform:scale(.96)}.op-chero__tab.is-active{color:var(--op-ink);background:#fff;box-shadow:0 10px 24px -14px #000000e6}.op-chero__tab sup{top:0;padding:2px 6px;border-radius:999px;background:#ffffff1a;font-family:var(--op-font-mono);font-size:10px;font-weight:500;line-height:1.3}.op-chero__tab--world i{width:8px;height:8px;border-radius:50%;background:var(--op-holo)}.op-chero__tab--world[data-op-w=pokemon] i{background:linear-gradient(135deg,#ffcb05 50%,#3d7dca 50%)}.op-chero__tab--world[data-op-w=one-piece] i{background:linear-gradient(135deg,#e2352b 50%,#f2b134 50%)}.op-chero__tab--world[data-op-w=riftbound] i{background:linear-gradient(135deg,#8a5cff 50%,#22d3c5 50%)}.op-chero__tab--world[data-op-w=mtg] i{background:linear-gradient(135deg,#ff8a3d 50%,#3aa46b 50%)}.op-chero__tab--world[data-op-w=yugioh] i{background:linear-gradient(135deg,#f5c542 50%,#8d4bd6 50%)}.op-chero__sets{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;margin-left:auto}.op-chero__sets::-webkit-scrollbar{display:none}.op-chero__set{padding:7px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff29;font-family:var(--op-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#f3f4f7cc;white-space:nowrap;transition:background-color .3s var(--op-ease),color .3s,box-shadow .3s}.op-chero__set:hover,.op-chero__set.is-active{background:#ffffffeb;color:var(--op-ink);box-shadow:none}.op-x .collection-main.layout-rounded .page-banner+.collection-wrapper{padding-top:clamp(18px,2.4vw,34px)}@media(max-width:989px){.op-chero__stage{min-height:0}.op-chero__inner{grid-template-columns:1fr;gap:6px;padding-bottom:8px}.op-chero__fan{height:clamp(210px,44vw,300px);--spread: clamp(44px, 9vw, 70px)}.op-chero__card{width:clamp(104px,21vw,150px)}.op-chero__art{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.35),#000 70%);mask-image:linear-gradient(180deg,#00000059,#000 70%)}.op-chero__bg:before{background:linear-gradient(180deg,rgba(var(--op-ink-rgb),.9),rgba(var(--op-ink-rgb),.55) 55%,rgba(var(--op-ink-rgb),.75))}.op-chero__sets{margin-left:0}}@media(max-width:767px){.op-chero{padding:8px 8px 0}.op-chero__title{font-size:clamp(40px,12vw,58px)}.op-chero__text{font-size:14.5px}.op-chero__stats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(var(--op-ch-pad) * -1);padding-right:var(--op-ch-pad)}.op-chero__stats::-webkit-scrollbar{display:none}.op-chero__stats li{flex:none}.op-chero__fan{height:176px;--spread: clamp(36px, 10.5vw, 56px);--fan: 6deg;--drop: 8px}.op-chero__card{width:clamp(84px,23vw,120px)}.op-chero__nav{padding:8px 10px;gap:8px}.op-chero__group{flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none}.op-chero__group::-webkit-scrollbar{display:none}.op-chero__group>.op-chero__tabs,.op-chero__group>.op-chero__sets{flex:none;overflow:visible}.op-chero__sets{padding-left:10px;border-left:1px solid rgba(255,255,255,.12)}.op-chero__sets-label{display:none}.op-chero__tab{padding:9px 15px;font-size:13.5px}}@media(prefers-reduced-motion:reduce){.op-chero__bg:after,.op-chero__title em,.op-chero__stat-soon i{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/op-collection.css.map */