.tcg-wheel{position:relative;isolation:isolate;overflow:hidden;color:var(--ivory);background:radial-gradient(60% 70% at 80% 45%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 70%),radial-gradient(50% 60% at 6% 100%,color-mix(in srgb,var(--oxblood) 22%,transparent),transparent 70%),var(--vault);border-top:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-bottom:1px solid color-mix(in srgb,var(--gold) 22%,transparent)}.tcg-wheel:after{content:none}.tcg-wheel__luz{position:absolute;top:-120px;right:-15%;bottom:-120px;left:-15%;z-index:-1;pointer-events:none;background:radial-gradient(30% 34% at 74% 40%,color-mix(in srgb,var(--gold-hi) 18%,transparent),transparent 64%),radial-gradient(34% 30% at 16% 20%,color-mix(in srgb,var(--oxblood) 18%,transparent),transparent 64%);animation:tcg-amb-deriva 30s ease-in-out infinite alternate}.tcg-wheel__motas{position:absolute;left:0;right:0;top:0;height:calc(100% + 320px);z-index:-1;pointer-events:none;opacity:.55;background-image:radial-gradient(2px 2px at 14% 30%,color-mix(in srgb,var(--gold-hi) 90%,transparent),transparent 60%),radial-gradient(1.5px 1.5px at 38% 72%,color-mix(in srgb,var(--ivory) 60%,transparent),transparent 60%),radial-gradient(2px 2px at 61% 18%,color-mix(in srgb,var(--gold-hi) 70%,transparent),transparent 60%),radial-gradient(2.5px 2.5px at 82% 84%,color-mix(in srgb,var(--gold-hi) 80%,transparent),transparent 60%),radial-gradient(1.5px 1.5px at 93% 46%,color-mix(in srgb,var(--ivory) 55%,transparent),transparent 60%);background-size:100% 320px;animation:tcg-wheel-motas 22s linear infinite}@keyframes tcg-wheel-motas{to{transform:translate3d(0,-320px,0)}}.tcg-wheel__marquesina{position:absolute;left:0;right:0;z-index:-1;height:16px;overflow:hidden;pointer-events:none}.tcg-wheel__marquesina--arriba{top:12px}.tcg-wheel__marquesina--abajo{bottom:12px}.tcg-wheel__marquesina i{position:absolute;top:0;left:-48px;right:-48px;height:100%;background-image:radial-gradient(circle at 12px 8px,color-mix(in srgb,var(--gold-hi) 95%,var(--ivory)) 0 3px,transparent 4px),radial-gradient(circle at 36px 8px,color-mix(in srgb,var(--gold) 40%,transparent) 0 2.5px,transparent 3.5px);background-size:48px 16px;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold-hi) 70%,transparent));animation:tcg-wheel-marquesina 2.4s linear infinite}.tcg-wheel__marquesina--abajo i{animation-direction:reverse}@keyframes tcg-wheel-marquesina{0%{transform:translateZ(0)}to{transform:translate3d(48px,0,0)}}.tcg-wheel__rain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.tcg-wheel__rain i{position:absolute;top:0;left:var(--x, 50%);width:var(--w, 26px);aspect-ratio:59 / 86;border-radius:var(--r-sm);opacity:0;will-change:transform;background:radial-gradient(50% 36% at 50% 50%,color-mix(in srgb,var(--gold) 45%,transparent),transparent 72%),linear-gradient(160deg,var(--ink-2),var(--vault));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 45%,transparent),var(--shadow-dark);animation:tcg-wheel-cae var(--t, 24s) linear infinite;animation-delay:var(--d, 0s)}@keyframes tcg-wheel-cae{0%{transform:translate3d(0,-14vh,0) rotate(var(--r, 0deg));opacity:0}12%{opacity:.42}85%{opacity:.34}to{transform:translate3d(var(--dx, 0px),110vh,0) rotate(calc(var(--r, 0deg) + 260deg));opacity:0}}.tcg-wheel__inner{display:grid;grid-template-columns:minmax(0,52rem) minmax(0,1fr);grid-template-areas:"head stage" "panel stage";column-gap:var(--space-8);row-gap:var(--space-5);align-items:start}.tcg-wheel__head{grid-area:head;align-self:end}.tcg-wheel__stage{grid-area:stage;align-self:center;justify-self:center;position:relative}.tcg-wheel__panel{grid-area:panel;max-width:52rem}.tcg-wheel__eyebrow{margin:0 0 var(--space-2);color:var(--gold-hi);text-transform:uppercase;letter-spacing:var(--track-eyebrow);font-size:var(--fs-200);font-weight:var(--w-bold)}.tcg-wheel__sub{margin:var(--space-2) 0 0;max-width:46ch;font-size:var(--fs-400);line-height:1.55;color:color-mix(in srgb,var(--ivory) 80%,transparent)}.tcg-wheel__legend-title{margin:0 0 var(--space-2);font-size:var(--fs-100);font-weight:var(--w-bold);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--ivory) 55%,transparent)}.tcg-wheel__legend{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid color-mix(in srgb,var(--ivory) 12%,transparent)}.tcg-wheel__grupo{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid color-mix(in srgb,var(--ivory) 12%,transparent)}.tcg-wheel__grupo b{display:block;font-size:var(--fs-300);font-weight:var(--w-bold);color:var(--ivory)}.tcg-wheel__grupo b+span{display:block;margin-top:2px;font-size:var(--fs-300);line-height:1.45;color:color-mix(in srgb,var(--ivory) 70%,transparent);font-variant-numeric:tabular-nums}.tcg-wheel__ico{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-md);background:var(--tier, var(--oxblood));color:var(--tier-ink, var(--ivory));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 35%,transparent)}.tcg-wheel__ico svg{width:18px;height:18px}.tcg-wheel__ico:empty{display:grid}[data-tier=cupon]{--tier: var(--oxblood)}[data-tier=saldo]{--tier: var(--brick-lo)}[data-tier=sobre]{--tier: var(--maroon)}[data-tier=envio]{--tier: var(--ink-2)}[data-tier=otro]{--tier: var(--ink-3)}[data-tier=premium]{--tier: linear-gradient(150deg, var(--gold-hi), var(--gold) 60%, var(--gold-lo));--tier-ink: var(--ink)}[data-tier=nada]{--tier: var(--vault-2);--tier-ink: color-mix(in srgb, var(--ivory) 55%, transparent)}.tcg-wheel__acciones{display:grid;gap:var(--space-2);justify-items:start;margin-top:var(--space-5)}.tcg-wheel__spin{min-width:min(100%,30rem);height:52px;padding:0 var(--space-6);border:0;cursor:pointer;border-radius:var(--r-md);background:var(--oxblood);color:var(--white);font-size:var(--fs-400);font-weight:var(--w-bold);letter-spacing:.06em;text-transform:uppercase;transition:background-color var(--t-fast) ease,transform var(--t-fast) ease}.tcg-wheel__spin:hover:not([disabled]){background:var(--oxblood-hi)}.tcg-wheel__spin:active:not([disabled]){transform:translateY(1px)}.tcg-wheel__spin:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}.tcg-wheel__spin[disabled]{cursor:not-allowed;background:var(--vault-2);color:color-mix(in srgb,var(--ivory) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ivory) 14%,transparent)}.tcg-wheel [hidden]{display:none!important}.tcg-wheel__note{margin:0;font-size:var(--fs-200);color:color-mix(in srgb,var(--ivory) 55%,transparent)}.tcg-wheel__result{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);max-width:46rem;border-radius:var(--r-lg);background:color-mix(in srgb,var(--ivory) 5%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 45%,transparent);animation:tcg-wheel-in .45s var(--ease-out) both}.tcg-wheel__win{margin:0 0 var(--space-2);font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-650);line-height:1.05;color:var(--gold-hi)}.tcg-wheel__lose{margin:0;font-size:var(--fs-400);font-weight:var(--w-semibold);color:var(--ivory)}.tcg-wheel__code{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.tcg-wheel__code code{padding:.55em 1em;border-radius:var(--r-sm);border:1px dashed var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold-hi);font-family:var(--font-mono);font-size:var(--fs-300);font-weight:var(--w-bold);letter-spacing:.08em}.tcg-wheel__copy{display:inline-flex;align-items:center;height:40px;padding:0 var(--space-4);cursor:pointer;border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--ivory) 45%,transparent);background:transparent;color:var(--ivory);font-size:var(--fs-300);font-weight:var(--w-bold);text-decoration:none;transition:border-color var(--t-fast) ease}.tcg-wheel__copy:hover{border-color:var(--gold-hi)}.tcg-wheel__hint{margin:var(--space-2) 0 0;font-size:var(--fs-200);color:color-mix(in srgb,var(--ivory) 62%,transparent)}.tcg-wheel__punto{margin:var(--space-2) 0 0;font-size:var(--fs-200);font-weight:var(--w-bold);letter-spacing:.04em;color:var(--gold-hi)}@keyframes tcg-wheel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tcg-wheel__rayos{position:absolute;left:50%;top:50%;z-index:-1;width:240%;aspect-ratio:1;pointer-events:none;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--gold-hi) 16%,transparent) 0deg 5deg,transparent 5deg 15deg);-webkit-mask-image:radial-gradient(closest-side,var(--night-3) 14%,transparent 68%);mask-image:radial-gradient(closest-side,var(--night-3) 14%,transparent 68%);animation:tcg-wheel-rayos 90s linear infinite}@keyframes tcg-wheel-rayos{to{transform:translate(-50%,-50%) rotate(360deg)}}.tcg-wheel__ondas{position:absolute;inset:var(--space-5);z-index:-1;pointer-events:none}.tcg-wheel__ondas i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:0;border:2px solid color-mix(in srgb,var(--gold-hi) 55%,transparent);animation:tcg-wheel-onda 7.5s ease-out infinite}.tcg-wheel__ondas i:nth-child(2){animation-delay:-2.5s}.tcg-wheel__ondas i:nth-child(3){animation-delay:-5s}@keyframes tcg-wheel-onda{0%{transform:scale(1);opacity:.7}to{transform:scale(1.9);opacity:0}}.tcg-wheel__demo{position:absolute;left:50%;bottom:-.4rem;z-index:5;margin:0;transform:translate(-50%);padding:.5rem 1.4rem;border-radius:var(--r-pill);white-space:nowrap;font-size:var(--fs-100);font-weight:var(--w-bold);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--ivory) 75%,transparent);background:var(--night-3);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 45%,transparent)}.tcg-wheel__demo.is-cae{color:var(--ink);background:linear-gradient(150deg,var(--gold-hi),var(--gold) 60%,var(--gold-lo));box-shadow:var(--glow-gold);animation:tcg-wheel-demo .5s var(--ease-out)}@keyframes tcg-wheel-demo{0%{transform:translate(-50%) scale(.85);opacity:.4}to{transform:translate(-50%) scale(1);opacity:1}}.tcg-wheel__machine{--wheel: min(86vw, 500px);position:relative;width:var(--wheel);height:var(--wheel);margin:var(--space-5)}.tcg-wheel__ring{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;background:radial-gradient(closest-side,transparent calc(100% - 19px),color-mix(in srgb,var(--gold-hi) 75%,transparent) calc(100% - 18px),var(--night-2) calc(100% - 16px),var(--night) calc(100% - 4px),color-mix(in srgb,var(--gold) 70%,transparent) calc(100% - 2px),var(--night-3) 100%);box-shadow:var(--shadow-3),var(--shadow-dark);animation:tcg-wheel-orbita 60s linear infinite}@keyframes tcg-wheel-orbita{to{transform:rotate(360deg)}}.tcg-wheel__bulb{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:color-mix(in srgb,var(--gold-hi) 45%,var(--ivory));box-shadow:0 0 8px 2px color-mix(in srgb,var(--gold-hi) 70%,transparent);transform:rotate(calc(var(--i) * 15deg)) translateY(calc(var(--wheel) / -2 - 9px));animation:tcg-wheel-bombillo 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.1s)}@keyframes tcg-wheel-bombillo{0%,to{opacity:1}50%{opacity:.3}}.is-spinning .tcg-wheel__bulb{animation-duration:.6s}.tcg-wheel__disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:var(--vault-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 55%,transparent),inset 0 0 50px color-mix(in srgb,var(--night-3) 45%,transparent);will-change:transform}.tcg-wheel__disc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(closest-side,transparent 0 28%,color-mix(in srgb,var(--gold) 55%,transparent) 28% 28.6%,transparent 28.6%),radial-gradient(closest-side,transparent 0 94%,color-mix(in srgb,var(--gold) 35%,transparent) 94% 94.5%,transparent 94.5%),radial-gradient(110% 80% at 50% -10%,color-mix(in srgb,var(--white) 14%,transparent),transparent 55%)}.tcg-wheel__sep{position:absolute;left:calc(50% - .5px);top:0;width:1px;height:50%;z-index:1;transform-origin:50% 100%;transform:rotate(var(--a));background:linear-gradient(180deg,color-mix(in srgb,var(--gold-hi) 80%,transparent),color-mix(in srgb,var(--gold) 20%,transparent) 70%,transparent)}.tcg-wheel__slot{position:absolute;left:50%;top:0;height:50%;width:calc(var(--wheel) * .1);z-index:1;margin-left:calc(var(--wheel) * -.05);transform-origin:50% 100%;transform:rotate(var(--a));display:flex;flex-direction:column;align-items:center;gap:calc(var(--wheel) * .016);padding-top:calc(var(--wheel) * .05);color:var(--tier-ink, var(--ivory));pointer-events:none}.tcg-wheel__slot svg{width:calc(var(--wheel) * .05);height:calc(var(--wheel) * .05);flex:none}.tcg-wheel__word{writing-mode:vertical-rl;white-space:nowrap;font-size:max(10px,calc(var(--wheel) * .029));font-weight:var(--w-bold);letter-spacing:.14em;text-transform:uppercase;line-height:1;text-shadow:0 1px 2px color-mix(in srgb,var(--night-3) 45%,transparent)}.tcg-wheel__slot[data-tier=premium] .tcg-wheel__word{text-shadow:0 1px 0 color-mix(in srgb,var(--ivory) 50%,transparent)}.tcg-wheel__slot[data-tier=nada] .tcg-wheel__word{font-weight:var(--w-semibold);letter-spacing:.12em;text-shadow:none}.tcg-wheel__sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;z-index:2;opacity:.5;background:conic-gradient(from 0deg,transparent 0 300deg,color-mix(in srgb,var(--gold-hi) 18%,transparent) 340deg,transparent 360deg);animation:tcg-wheel-orbita 9s linear infinite}.tcg-wheel__hub{position:absolute;left:50%;top:50%;z-index:3;width:calc(var(--wheel) * .2);height:calc(var(--wheel) * .2);transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,var(--night-2),var(--night-3) 70%);box-shadow:0 0 0 2px var(--gold),0 0 0 5px var(--night-3),0 10px 24px color-mix(in srgb,var(--night-3) 60%,transparent),inset 0 0 18px color-mix(in srgb,var(--gold) 25%,transparent)}.tcg-wheel__eye{width:58%;height:auto;color:var(--gold-hi)}.tcg-wheel__pointer{position:absolute;left:50%;top:-30px;z-index:4;width:30px;height:44px;margin-left:-15px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold-hi) 45%,var(--ivory)),var(--gold) 55%,var(--gold-lo));clip-path:polygon(0 0,100% 0,100% 34%,50% 100%,0 34%);filter:drop-shadow(0 4px 6px color-mix(in srgb,var(--night-3) 55%,transparent));transform-origin:50% 20%;transition:transform .08s ease-out}.tcg-wheel__pointer:after{content:"";position:absolute;left:50%;top:9px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--oxblood);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gold-hi) 45%,var(--ivory))}.is-tick .tcg-wheel__pointer{transform:rotate(-9deg);transition-duration:.02s}.tcg-wheel__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:5}.tcg-wheel__confetti i{position:absolute;top:40%;left:50%;width:8px;height:13px;border-radius:var(--r-sm);background:var(--c, var(--gold-hi));opacity:0;animation:tcg-confetti-burst 1.4s var(--ease-out) both;animation-delay:var(--d, 0s)}@keyframes tcg-confetti-burst{0%{opacity:0;transform:translate(0) rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(var(--x, 0px),var(--y, -140px)) rotate(var(--rz, 320deg))}}@media screen and (max-width:989px){.tcg-wheel__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "panel";row-gap:var(--space-4)}.tcg-wheel__stage{justify-self:center}.tcg-wheel__machine{--wheel: min( calc(100vw - 9.6rem) , 400px)}.tcg-wheel__spin{width:100%}.tcg-wheel__acciones{justify-items:stretch}}.tcg-amb-off :is(.tcg-wheel__luz,.tcg-wheel__motas,.tcg-wheel__rain i,.tcg-wheel__ring,.tcg-wheel__bulb,.tcg-wheel__sweep,.tcg-wheel__marquesina i,.tcg-wheel__rayos,.tcg-wheel__ondas i),html.tcg-fx-off :is(.tcg-wheel__luz,.tcg-wheel__motas,.tcg-wheel__rain i,.tcg-wheel__ring,.tcg-wheel__bulb,.tcg-wheel__sweep,.tcg-wheel__marquesina i,.tcg-wheel__rayos,.tcg-wheel__ondas i){animation-play-state:paused}@media(prefers-reduced-motion:reduce){.tcg-wheel__disc{transition:none!important}.tcg-wheel__luz,.tcg-wheel__motas,.tcg-wheel__ring,.tcg-wheel__bulb,.tcg-wheel__sweep,.tcg-wheel__result,.tcg-wheel__confetti i,.tcg-wheel__marquesina i,.tcg-wheel__rayos,.tcg-wheel__demo{animation:none!important}.tcg-wheel__ondas,.tcg-wheel__rain{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/tcg-wheel.css.map */