.gmc{--gmc-r: 2.4rem;--gmc-ink: var(--gop-text, #1d1d1f);--gmc-muted: var(--gop-muted, #6e6e73);--gmc-line: rgba(29, 29, 31, .12);--gmc-shadow: inset 0 1px 1px rgba(255, 255, 255, .95), 0 0 0 .5px rgba(29, 29, 31, .06), 0 2px 6px rgba(29, 29, 31, .04), 0 26px 52px -30px rgba(29, 29, 31, .32);--gmc-ease: cubic-bezier(.2, .8, .2, 1)}html:not(.gop-light) .gmc{--gmc-line: rgba(255, 255, 255, .14);--gmc-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 26px 52px -30px rgba(0, 0, 0, .9)}.gmc__anchor{display:block;height:0;scroll-margin-top:9rem}.gmc__title{text-wrap:balance}.gmc__grid{display:grid;margin:0;padding:0;list-style:none}.gmc__card{--c: #38f9dc;--c-rgb: 56, 249, 220;--gmc-fill: radial-gradient(130% 90% at var(--lg-x, 22%) var(--lg-y, 0%), rgba(255, 255, 255, .62), rgba(255, 255, 255, 0) 58%) padding-box, linear-gradient(165deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .36) 58%, rgba(255, 255, 255, .5) 100%) padding-box, linear-gradient(135deg, #fff 0%, rgba(255, 255, 255, .45) 24%, rgba(var(--c-rgb), .6) 50%, rgba(255, 255, 255, .4) 74%, rgba(255, 255, 255, .95) 100%) border-box;position:relative;min-width:0;color:var(--gmc-ink)}html:not(.gop-light) .gmc__card{--gmc-fill: linear-gradient(165deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025)) padding-box, linear-gradient(135deg, rgba(255, 255, 255, .2), rgba(var(--c-rgb), .55) 50%, rgba(255, 255, 255, .08)) border-box}.gmc[data-gmc] .gmc__media{position:relative;overflow:hidden;isolation:isolate;border-radius:1.6rem;background:radial-gradient(90% 80% at 50% 70%,rgba(var(--c-rgb),.35),#05081000 70%),#05070d;box-shadow:inset 0 0 0 1px #ffffff38,0 12px 26px -16px rgba(var(--c-rgb),.75)}.gmc__img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 64%;transform:scale(1.1);backface-visibility:hidden}.gmc__ph{display:grid;place-items:center;height:100%;color:rgb(var(--c-rgb))}.gmc__ph svg{width:42%;height:42%}.gmc__glow{position:absolute;left:10%;right:10%;bottom:-30%;z-index:1;height:70%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(var(--c-rgb),.55),rgba(var(--c-rgb),0));opacity:.55}.gmc__sp{position:absolute;bottom:18%;left:30%;z-index:2;width:4px;height:4px;border-radius:50%;pointer-events:none;background:rgb(var(--c-rgb));box-shadow:0 0 6px 1px rgba(var(--c-rgb),.9);opacity:0}.gmc__sp:nth-of-type(2){left:62%;width:3px;height:3px}.gmc__sp:nth-of-type(3){left:47%;bottom:26%}.gmc__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;border-radius:var(--gmc-r);pointer-events:none}.gmc__shine:before{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:46%;background:linear-gradient(100deg,#fff0,#ffffff57 42%,rgba(var(--c-rgb),.22) 56%,#fff0 80%);transform:translate3d(-130%,0,0) skew(-16deg)}html:not(.gop-light) .gmc__shine:before{background:linear-gradient(100deg,#fff0,#ffffff1a 42%,rgba(var(--c-rgb),.18) 56%,#fff0 80%)}.gmc__top{min-width:0}.gmc__name{margin:0;font-family:var(--font-heading-family);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--gmc-ink)}.gmc__link{color:inherit;text-decoration:none}.gmc__link:focus-visible{outline:2px solid var(--gop-accent-ink, #0b6f66);outline-offset:3px;border-radius:4px}.gmc__price{margin:0;font-family:var(--font-heading-family);font-weight:700;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--gmc-ink)}.gmc__from,.gmc__soon{font-family:var(--font-body-family);font-size:.75em;font-weight:500;color:var(--gmc-muted)}.gmc__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.gmc__lvl{display:inline-flex;align-items:center;gap:.6rem;color:var(--gmc-muted)}.gmc__lvl i{position:relative;width:.8rem;height:.8rem;border-radius:50%;background:rgb(var(--c-rgb));box-shadow:0 0 8px rgba(var(--c-rgb),.8)}.gmc__lvl i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgb(var(--c-rgb));opacity:0}.gmc__badge{padding:.35rem .9rem;border-radius:99px;letter-spacing:.02em;text-transform:none;font-size:1.15rem;color:#fff;background:linear-gradient(100deg,rgb(var(--c-rgb)),rgba(var(--c-rgb),.72));box-shadow:0 4px 12px -4px rgba(var(--c-rgb),.8),inset 0 1px #ffffff59}.gmc__value{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--gmc-ink)}.gmc__feat{display:grid;gap:.3rem;margin:0;padding:0;list-style:none;font-size:1.3rem;line-height:1.35;color:var(--gmc-muted)}.gmc__feat li,.gmc__common-i{display:flex;align-items:flex-start;gap:.5rem}.gmc__common-i{display:inline-flex;max-width:34rem;text-align:left}.gmc__check{flex:none;width:1.4rem;height:1.4rem;margin-top:.1rem;color:rgb(var(--c-rgb))}.gmc__check svg{display:block;width:100%;height:100%}.gmc__buy{min-width:0}.gmc__buy .gqa{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem 1rem}.gmc__buy .gqa__opts{grid-column:1 / -1}.gmc__buy .gqa__btn{grid-row:2;grid-column:1}.gmc__buy .gqa__more{grid-row:2;grid-column:2}.gmc__buy .gqa__msg{grid-row:3;grid-column:1 / -1}.gmc__buy .gqa__legend{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.gmc__buy .gqa__pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.5rem}.gmc__buy .gqa__pill>span{justify-content:center;width:100%;min-height:3.6rem;padding:0 .6rem;font-size:1.3rem;border-color:var(--gmc-line);background:#fff6}html:not(.gop-light) .gmc__buy .gqa__pill>span{background:#ffffff0a}.gmc__buy .gqa__pill input:checked+span{border-color:rgb(var(--c-rgb));background:rgba(var(--c-rgb),.14);box-shadow:inset 0 0 0 1px rgb(var(--c-rgb))}.gmc__buy .gqa__pill input:focus-visible+span{outline:2px solid var(--gop-accent-ink, #0b6f66);outline-offset:2px}.gmc__cta{width:100%;min-height:4.6rem;padding:0 1.4rem;font-size:1.3rem}.gmc__buy .gqa__more{min-height:4.4rem;padding:0 .2rem;font-size:1.3rem;white-space:nowrap}.gmc__buy>.gmc__cta+.gqa__more{display:flex;justify-content:center}.gmc__foot{display:flex;flex-direction:column;align-items:center;gap:1.4rem;margin-top:2rem;text-align:center}.gmc__common{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.6rem;max-width:100%;margin:0 auto;font-size:1.3rem;line-height:1.4;color:var(--gmc-muted)}.gmc__common-t{flex-basis:100%;font-weight:700;color:var(--gmc-ink)}.gmc__common .gmc__check{color:var(--gop-accent-ink, #0b6f66)}.gmc__3d{position:relative;display:inline-flex;align-items:center;gap:1rem;min-height:4.8rem;padding:0 2rem 0 .6rem;overflow:hidden;border:1.5px solid transparent;border-radius:99px;font-family:var(--font-body-family);font-size:1.4rem;font-weight:700;color:var(--gmc-ink);background:linear-gradient(165deg,#ffffffc7,#ffffff73) padding-box,linear-gradient(100deg,#3b8bff,#2fd36b 50%,#a35bff) border-box;box-shadow:0 14px 30px -18px #5a50ff99;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .35s var(--gmc-ease)}html:not(.gop-light) .gmc__3d{background:linear-gradient(165deg,#14161ee6,#14161eb3) padding-box,linear-gradient(100deg,#3b8bff,#2fd36b 50%,#a35bff) border-box}.gmc__3d svg{box-sizing:border-box;width:3.6rem;height:3.6rem;padding:.75rem;border-radius:50%;color:#fff;background:linear-gradient(135deg,#3b8bff,#a35bff);box-shadow:inset 0 1px #fff6}.gmc__3d:focus-visible{outline:2px solid var(--gop-accent-ink, #0b6f66);outline-offset:3px}@media(hover:hover){.gmc__3d:hover{transform:translateY(-2px)}}@media screen and (max-width:749px){.gmc .gmc__head{margin-bottom:2.4rem}.gmc__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem .8rem}:root body .gmc[data-gmc] .gmc__card.gmc__card{display:contents}.gmc__tile{--gmc-r: 2rem;position:relative;grid-row:1;display:flex;flex-direction:column;gap:.7rem;min-width:0;padding:.5rem .5rem 1rem;text-align:center;border:1.5px solid transparent;border-radius:var(--gmc-r);background:var(--gmc-fill);box-shadow:var(--gmc-shadow);transition:transform .35s var(--gmc-ease),opacity .6s ease}.gmc__tile:after{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border:2px solid rgb(var(--c-rgb));border-radius:inherit;box-shadow:0 12px 28px -12px rgba(var(--c-rgb),.85),inset 0 0 18px -6px rgba(var(--c-rgb),.6);pointer-events:none;opacity:0;transition:opacity .3s ease}.gmc__tile:before{content:"";position:absolute;left:50%;bottom:-1.1rem;width:2.6rem;height:.35rem;margin-left:-1.3rem;border-radius:99px;background:rgb(var(--c-rgb));box-shadow:0 0 10px rgba(var(--c-rgb),.9);opacity:0;transform:scaleX(.3);transition:opacity .3s ease,transform .4s var(--gmc-ease)}.gmc__card.is-active .gmc__tile{transform:translateY(-3px)}.gmc__card.is-active .gmc__tile:after,.gmc__card.is-active .gmc__tile:before{opacity:1}.gmc__card.is-active .gmc__tile:before{transform:none}.gmc__card:not(.is-active) .gmc__media{opacity:.82}.gmc__media{aspect-ratio:1 / 1;border-radius:1.5rem;transition:opacity .3s ease}.gmc__top{display:grid;gap:.3rem;padding:0 .2rem}.gmc__name{font-size:1.5rem}.gmc__price{font-size:1.4rem}.gmc__pick{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;margin:0;padding:0;border:0;border-radius:inherit;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.gmc__pick:focus-visible{outline:2px solid var(--gop-accent-ink, #0b6f66);outline-offset:3px}.gmc__detail{--gmc-r: 2.2rem;position:relative;grid-row:2;grid-column:1 / -1;display:none;gap:1.2rem;padding:1.4rem 1.4rem 1rem;border:1.5px solid transparent;border-radius:var(--gmc-r);background:var(--gmc-fill);box-shadow:var(--gmc-shadow)}.gmc__card.is-active .gmc__detail{display:grid}.gmc__body{display:grid;gap:.6rem}.gmc__value{font-size:1.6rem}.gmc__common{display:grid;justify-content:center;justify-items:start}.gmc__common-t{justify-self:center}}@media screen and (min-width:750px){.gmc__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;max-width:118rem;margin:0 auto}:root body .gmc[data-gmc] .gmc__card.gmc__card{display:flex;flex-direction:column;gap:1.2rem;padding:1rem 1rem 1.4rem;border:1.5px solid transparent;border-radius:var(--gmc-r);background:var(--gmc-fill);box-shadow:var(--gmc-shadow)}.gmc__tile{display:grid;gap:1.2rem}.gmc__media{height:15rem;border-radius:1.8rem}.gmc__top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:0 .6rem}.gmc__name{font-size:2.2rem}.gmc__price{font-size:2rem}.gmc__pick{display:none}.gmc__detail{display:flex;flex:1 1 auto;flex-direction:column;gap:1.2rem;padding:0 .6rem}.gmc__body{display:grid;gap:.5rem}.gmc__meta{position:absolute;top:1.8rem;left:1.8rem;right:1.8rem;z-index:4;justify-content:space-between;pointer-events:none}.gmc__lvl{padding:.45rem .9rem .45rem .7rem;border-radius:99px;color:#fff;background:#080a128c;box-shadow:inset 0 0 0 1px #ffffff2e}.gmc__buy{margin-top:auto}.gmc__common-t{flex-basis:auto}.gmc__common-i{max-width:none}}@media screen and (min-width:750px)and (max-width:989px){.gmc__top{flex-direction:column;gap:.3rem}.gmc__buy .gqa{grid-template-columns:minmax(0,1fr)}.gmc__buy .gqa__more{grid-row:3;grid-column:1;justify-self:center;min-height:3.2rem}.gmc__buy .gqa__msg{grid-row:4}}@media screen and (min-width:990px){.gmc__grid{gap:2.2rem}.gmc__media{height:15.6rem}}@media(prefers-reduced-motion:no-preference){.gmc__img{animation:gmc-float 6s ease-in-out infinite alternate;animation-delay:calc(var(--i, 0) * -2s)}.gmc__glow{animation:gmc-glow 3.6s ease-in-out infinite alternate;animation-delay:calc(var(--i, 0) * -1.2s)}.gmc__sp{animation:gmc-rise 3.4s ease-out infinite;animation-delay:calc(var(--i, 0) * .7s)}.gmc__sp:nth-of-type(2){animation-duration:4.2s;animation-delay:calc(var(--i, 0) * .7s + 1.3s)}.gmc__sp:nth-of-type(3){animation-duration:3.8s;animation-delay:calc(var(--i, 0) * .7s + 2.4s)}.gmc__shine:before{animation:gmc-shine 7.5s ease-in-out infinite;animation-delay:calc(1.4s + var(--i, 0) * .45s)}.gmc__lvl i:after{animation:gmc-ping 2.4s ease-out infinite;animation-delay:calc(var(--i, 0) * .5s)}.gmc__3d svg{animation:gmc-cube 4.8s ease-in-out infinite}.gmc--anim:not(.is-vis) :is(.gmc__img,.gmc__glow,.gmc__sp,.gmc__lvl i,.gmc__3d svg),.gmc--anim:not(.is-vis) .gmc__shine:before,.gmc--anim:not(.is-vis) .gmc__lvl i:after{animation-play-state:paused}.gmc--anim :is(.gmc__tile,.gmc__detail,.gmc__foot){transition:transform .8s var(--gmc-ease),opacity .7s ease}@media screen and (min-width:750px){:root body .gmc[data-gmc].gmc--anim .gmc__card.gmc__card{transition:transform .8s var(--gmc-ease),opacity .7s ease;transition-delay:calc(var(--i, 0) * .11s)}:root body .gmc[data-gmc].gmc--anim:not(.is-in) .gmc__card.gmc__card{opacity:0;transform:translate3d(0,2.4rem,0) scale(.97)}:root body .gmc[data-gmc].gmc--anim.is-done .gmc__card.gmc__card{transition:transform .4s var(--gmc-ease),opacity .4s ease;transition-delay:0s}@media(hover:hover){:root body .gmc[data-gmc].gmc--anim.is-done .gmc__card.gmc__card:hover,:root body .gmc[data-gmc]:not(.gmc--anim) .gmc__card.gmc__card:hover{transform:translate3d(0,-6px,0)}.gmc__card:hover .gmc__media{transform:scale(1.02)}.gmc__media{transition:transform .5s var(--gmc-ease)}}}@media screen and (max-width:749px){.gmc--anim .gmc__tile{transition-delay:calc(var(--i, 0) * .1s)}.gmc--anim .gmc__detail{transition-delay:.3s}.gmc--anim:not(.is-in) :is(.gmc__tile,.gmc__detail){opacity:0;transform:translate3d(0,2rem,0)}.gmc--anim.is-done .gmc__tile{transition:transform .35s var(--gmc-ease),opacity .3s ease}.gmc--anim.is-done .gmc__card.is-active .gmc__detail{animation:gmc-in .45s var(--gmc-ease) both}}.gmc--anim:not(.is-in) .gmc__foot{opacity:0;transform:translate3d(0,1.2rem,0)}.gmc--anim .gmc__foot{transition-delay:.45s}}@keyframes gmc-float{0%{transform:scale(1.1) translate3d(0,2.2%,0)}to{transform:scale(1.14) translate3d(0,-2.6%,0)}}@keyframes gmc-glow{0%{opacity:.35;transform:scale(.9)}to{opacity:.9;transform:scale(1.12)}}@keyframes gmc-rise{0%{opacity:0;transform:translateZ(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate3d(6px,-60px,0) scale(1)}}@keyframes gmc-shine{0%{transform:translate3d(-130%,0,0) skew(-16deg)}24%{transform:translate3d(330%,0,0) skew(-16deg)}to{transform:translate3d(330%,0,0) skew(-16deg)}}@keyframes gmc-ping{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(2.8)}}@keyframes gmc-cube{0%,to{transform:rotate(0) translateZ(0)}40%{transform:rotate(-10deg) translate3d(0,-1px,0)}60%{transform:rotate(8deg) translate3d(0,-1px,0)}}@keyframes gmc-in{0%{opacity:0;transform:translate3d(0,.8rem,0)}to{opacity:1;transform:none}}@media screen and (max-width:749px){html.gop-mys-shy .gwc--float.is-on{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(1.6rem) scale(.96)}html.gop-mys-shy:not(.gop-adv-open) .gop-mascot:not(.is-open){opacity:0;transform:translateY(2.4rem) scale(.8);pointer-events:none}}@media(prefers-reduced-motion:reduce){.gmc__tile,.gmc__tile:before,.gmc__tile:after,.gmc__3d,.gmc__media{transition:none!important}:root body .gmc[data-gmc] .gmc__card.gmc__card,.gmc__card.is-active .gmc__tile{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/gop-mystery-cards.css.map */