.v-trade-up{--c-ink: var(--venom-text);padding-block:var(--sp-8);color:var(--venom-text);font-family:var(--font-body);background:radial-gradient(ellipse 45% 55% at 22% 58%,color-mix(in srgb,var(--venom-neon-flame) 9%,transparent),transparent 70%),radial-gradient(ellipse 55% 55% at 76% 58%,color-mix(in srgb,var(--venom-neon-purple) 11%,transparent),transparent 70%)}.v-trade-up__inner{display:flex;flex-direction:column;gap:var(--sp-7);max-width:1550px;margin-inline:auto;padding-inline:var(--sp-4)}.v-trade-up__header,.v-trade-up__intro{display:flex;flex-direction:column;align-items:center;text-align:center}.v-trade-up__header{gap:var(--sp-4)}.v-trade-up__intro{gap:var(--sp-3)}.v-trade-up__eyebrow{margin:0;color:var(--venom-neon-gold);font-size:var(--fs-2);font-weight:700;letter-spacing:.3em;text-transform:uppercase}.v-trade-up__heading{max-inline-size:22em;text-wrap:balance;margin:0;font-family:Cinzel,Georgia,serif;font-size:var(--fs-5);font-weight:400;--v-ls: .1em;--v-tt: uppercase;line-height:1.2;color:var(--venom-text);text-shadow:0 5px 20px color-mix(in srgb,var(--venom-black) 50%,transparent);overflow-wrap:anywhere}.v-trade-up__lede{max-inline-size:62ch;margin:0;color:var(--venom-text-2);font-size:var(--fs-3);line-height:1.6}.v-trade-up__exchange{display:grid;grid-template-columns:minmax(0,1fr)}.v-trade-up__give{--c-main: var(--venom-neon-flame)}.v-trade-up__option{--c-main: var(--venom-neon-purple)}.v-trade-up__option--flame{--c-main: var(--venom-neon-flame)}.v-trade-up__option--gold{--c-main: var(--venom-neon-gold);--c-ink: var(--venom-black)}.v-trade-up__give,.v-trade-up__option{display:flex;flex-direction:column;gap:var(--sp-2);min-inline-size:0;padding:var(--sp-5);border:1px solid color-mix(in srgb,var(--c-main) 30%,transparent);border-radius:var(--r-1);background:color-mix(in srgb,var(--venom-black) 60%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 35px color-mix(in srgb,var(--c-main) 18%,transparent),0 0 70px color-mix(in srgb,var(--c-main) 8%,transparent);transition:transform .4s var(--ease),box-shadow .5s ease,border-color .5s ease}.v-trade-up__give:hover,.v-trade-up__option:hover{border-color:color-mix(in srgb,var(--c-main) 55%,transparent);box-shadow:0 0 60px color-mix(in srgb,var(--c-main) 28%,transparent),0 0 120px color-mix(in srgb,var(--c-main) 12%,transparent),inset 0 0 20px color-mix(in srgb,var(--c-main) 25%,transparent)}.v-trade-up__label,.v-trade-up__badge{margin:0;color:var(--venom-neon-gold);font-size:var(--fs-2);font-weight:700;letter-spacing:.3em;text-transform:uppercase}.v-trade-up__name{margin:var(--sp-2) 0 0;font-family:Cinzel,Georgia,serif;font-size:var(--fs-5);font-weight:400;--v-ls: .08em;--v-tt: uppercase;line-height:1.2;color:var(--venom-text);overflow-wrap:anywhere}.v-trade-up__memory{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-3);margin:0}.v-trade-up__capacity{font-family:Cinzel,Georgia,serif;font-size:var(--fs-6);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--venom-text);text-shadow:0 0 24px color-mix(in srgb,var(--venom-neon-flame) 60%,transparent),0 0 48px color-mix(in srgb,var(--venom-neon-flame) 25%,transparent)}.v-trade-up__memory-type{color:color-mix(in srgb,var(--venom-neon-flame) 70%,var(--venom-text));font-size:var(--fs-2);font-weight:700;letter-spacing:.3em}.v-trade-up__note{margin:auto 0 0;padding-block-start:var(--sp-3);border-block-start:1px solid color-mix(in srgb,var(--venom-neon-flame) 25%,transparent);color:var(--venom-text-2);font-size:var(--fs-2);line-height:1.6}.v-trade-up__conduit{position:relative;justify-self:center;inline-size:2px;block-size:var(--sp-7);margin-block:var(--sp-4);background:linear-gradient(to bottom,var(--venom-neon-flame),var(--venom-neon-purple));box-shadow:0 0 12px color-mix(in srgb,var(--venom-neon-purple) 60%,transparent)}.v-trade-up__conduit:after{content:"";position:absolute;bottom:0;left:50%;width:9px;height:9px;border-right:2px solid var(--venom-neon-purple);border-bottom:2px solid var(--venom-neon-purple);filter:drop-shadow(0 0 4px var(--venom-neon-purple));transform:translate(-50%) rotate(45deg)}.v-trade-up__pulse{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.v-trade-up__pulse:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 30%,color-mix(in srgb,var(--venom-text) 90%,transparent) 50%,transparent 70%);transform:translateY(-100%);animation:v-trade-up-flow-y 6s ease-in-out infinite}.v-trade-up__receive{display:flex;flex-direction:column;gap:var(--sp-4);min-inline-size:0}.v-trade-up__options{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-5);margin:0;padding:0;list-style:none}.v-trade-up__title{margin:var(--sp-2) 0 0;font-family:Cinzel,Georgia,serif;font-size:var(--fs-5);font-weight:400;--v-ls: .08em;--v-tt: uppercase;line-height:1.2;color:var(--venom-text);overflow-wrap:anywhere}.v-trade-up__body{max-inline-size:65ch;margin:0;color:var(--venom-text-2);font-size:var(--fs-3);line-height:1.6}.v-trade-up__spec{align-self:flex-start;margin:0;padding-block:var(--sp-1);padding-inline:var(--sp-3);border:1px solid color-mix(in srgb,var(--c-main) 50%,transparent);border-radius:50px;color:var(--venom-text);font-size:var(--fs-2);font-weight:600;font-variant-numeric:tabular-nums}.v-trade-up__link,.v-trade-up__btn{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding-inline:var(--sp-5);border:1px solid var(--c-main);border-radius:50px;background:color-mix(in srgb,var(--venom-black) 50%,transparent);color:var(--venom-text);font-family:Cinzel,Georgia,serif;font-size:var(--fs-2);font-weight:700;letter-spacing:.15em;text-align:center;text-transform:uppercase;text-decoration:none;transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.v-trade-up__link{align-self:stretch;margin-block-start:auto;padding-inline:var(--sp-4);letter-spacing:.1em;text-wrap:balance}.v-trade-up__option:hover .v-trade-up__link:not(:hover){background:color-mix(in srgb,var(--c-main) 22%,var(--venom-black));box-shadow:0 0 20px color-mix(in srgb,var(--c-main) 60%,transparent)}.v-trade-up__link:hover,.v-trade-up__btn:hover{border-color:var(--c-main);background:color-mix(in srgb,var(--c-main) 80%,var(--venom-black));color:var(--c-ink);box-shadow:0 0 30px color-mix(in srgb,var(--c-main) 70%,transparent),0 0 60px color-mix(in srgb,var(--c-main) 30%,transparent)}.v-trade-up__steps{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-5);margin:0;padding:0;list-style:none}.v-trade-up__step{position:relative;display:flex;flex-direction:column;gap:var(--sp-2);min-inline-size:0;padding-block-start:var(--sp-4);border-block-start:1px solid color-mix(in srgb,var(--venom-neon-gold) 22%,transparent)}.v-trade-up__step:before{content:"";position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:var(--sp-6);block-size:2px;background:linear-gradient(to right,var(--venom-neon-gold),transparent);box-shadow:0 0 10px color-mix(in srgb,var(--venom-neon-gold) 60%,transparent)}.v-trade-up__num{font-family:Cinzel,Georgia,serif;font-size:var(--fs-6);font-weight:700;--v-ls: 0;--v-tt: none;font-variant-numeric:tabular-nums;line-height:1;color:var(--venom-neon-gold);text-shadow:0 0 18px color-mix(in srgb,var(--venom-neon-gold) 45%,transparent)}.v-trade-up__step .v-trade-up__title{margin:0;font-family:Cinzel,Georgia,serif;font-size:var(--fs-4);--v-ls: .08em;--v-tt: uppercase}.v-trade-up__actions{display:flex;flex-direction:column;gap:var(--sp-3)}.v-trade-up__btn{min-block-size:48px;padding-inline:var(--sp-6);border-width:1.5px}.v-trade-up__btn--primary{--c-main: var(--venom-neon-purple);background:linear-gradient(180deg,color-mix(in srgb,var(--venom-neon-purple) 14%,var(--venom-black)),var(--venom-black));box-shadow:0 0 20px color-mix(in srgb,var(--venom-neon-purple) 35%,transparent)}.v-trade-up__btn--secondary{--c-main: var(--venom-neon-gold);--c-ink: var(--venom-black)}.v-trade-up__footnote{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;color:var(--venom-text-2);font-size:var(--fs-3);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .4s ease}.v-trade-up__footnote:hover{color:var(--venom-neon-gold)}.v-trade-up__btn:focus-visible,.v-trade-up__link:focus-visible,.v-trade-up__footnote:focus-visible{outline:2px solid var(--venom-neon-gold);outline-offset:3px}@keyframes v-trade-up-flow-y{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}@keyframes v-trade-up-flow-x{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@media(hover:hover){.v-trade-up__give:hover,.v-trade-up__option:hover{transform:translateY(-6px)}}@media screen and (min-width:750px){.v-trade-up__heading{font-size:var(--fs-6)}.v-trade-up__options{grid-template-columns:repeat(2,minmax(0,1fr))}.v-trade-up__link{align-self:flex-start;padding-inline:var(--sp-5);letter-spacing:.15em}.v-trade-up__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6)}.v-trade-up__actions{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--sp-4)}}@media screen and (min-width:990px){.v-trade-up{padding-block:var(--sp-9)}.v-trade-up__heading{font-size:calc(var(--fs-6) * 1.25)}.v-trade-up__exchange{grid-template-columns:minmax(0,4fr) auto minmax(0,7fr)}.v-trade-up__give,.v-trade-up__option{padding:var(--sp-6)}.v-trade-up__capacity{font-size:var(--fs-7)}.v-trade-up__receive{padding-block-start:calc(var(--sp-6) + 1px)}.v-trade-up__conduit{align-self:center;justify-self:auto;inline-size:var(--sp-9);block-size:2px;margin:0 var(--sp-5);background:linear-gradient(to right,var(--venom-neon-flame),var(--venom-neon-purple))}.v-trade-up__conduit:after{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%) rotate(-45deg)}[dir=rtl] .v-trade-up__conduit{transform:scaleX(-1)}.v-trade-up__pulse:before{background:linear-gradient(to right,transparent 30%,color-mix(in srgb,var(--venom-text) 90%,transparent) 50%,transparent 70%);transform:translate(-100%);animation-name:v-trade-up-flow-x}.v-trade-up__steps{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.v-trade-up__pulse{display:none}.v-trade-up__pulse:before{animation:none}.v-trade-up__give,.v-trade-up__option,.v-trade-up__btn,.v-trade-up__link,.v-trade-up__footnote{transition:none}.v-trade-up__give:hover,.v-trade-up__option:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/24/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAAAAAAAABA */
