.flip{perspective:1700px;--fp:1;--rot:0deg;--cbr:18px;position:relative}.flip__shadow{z-index:-1;pointer-events:none;filter:blur(15px);height:40px;transform:scaleX(calc(.55 + var(--fp,1)*.45));opacity:calc(.28 + var(--fp,1)*.5);background:radial-gradient(#000000b3,#0000 72%);position:absolute;bottom:-4px;left:9%;right:9%}.flip__inner{height:100%;transform-style:preserve-3d;will-change:transform;transform:rotateY(var(--rot,0deg));position:relative}.flip__face{backface-visibility:hidden}.flip__front{height:100%;position:relative;overflow:hidden}.flip__back{position:absolute;inset:0;transform:rotateY(180deg)}.flip__sheen{pointer-events:none;z-index:4;transform:translateX(calc(-130% + var(--fp,1) * 260%)) skewX(-12deg);background:linear-gradient(110deg,#0000 38%,#b4f0ff29 50%,#0000 62%);position:absolute;inset:0}.flip__frame{border-radius:inherit;pointer-events:none;z-index:5;position:absolute;inset:0}.flip__frame:before{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb,var(--cyan) 60%,transparent) 0%, transparent 36%, transparent 64%, #a100ff7a 100%);-webkit-mask-composite:xor;opacity:.65;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.flip__frame i{border:1px solid color-mix(in srgb,var(--cyan) 42%,transparent);width:9px;height:9px;position:absolute}.flip__frame i:first-child{border-bottom:0;border-right:0;top:12px;left:12px}.flip__frame i:nth-child(2){border-bottom:0;border-left:0;top:12px;right:12px}.flip__frame i:nth-child(3){border-top:0;border-right:0;bottom:12px;left:12px}.flip__frame i:nth-child(4){border-top:0;border-left:0;bottom:12px;right:12px}.cb{border-radius:var(--cbr,18px);border:1px solid color-mix(in srgb,var(--cyan) 22%,var(--line));background:#000;place-items:center;display:grid;position:absolute;inset:0}.cb:after{content:"";border-radius:calc(var(--cbr,18px) - 6px);pointer-events:none;border:1px solid #ffffff0d;position:absolute;inset:7px}.cb__icon{aspect-ratio:1;width:40%;max-width:108px;max-height:46%;position:relative}.cb__emblem{object-fit:contain;width:100%;height:100%;display:block}.cb__spec{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(118deg,#0000 42%,#fffffff5 50%,#0000 58%) 0 0/300% 100% no-repeat;background-position:calc((1 - var(--fp,1) * 2) * 100%) 0;position:absolute;inset:0;-webkit-mask:url(/assets/emblem.png) 50%/contain no-repeat;mask:url(/assets/emblem.png) 50%/contain no-repeat}.cb__label{text-align:center;font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--muted-2);font-size:.48rem;position:absolute;bottom:16px;left:0;right:0}.cb__tick{border:1px solid color-mix(in srgb,var(--cyan) 50%,transparent);width:11px;height:11px;position:absolute}.cb__tick--tl{border-bottom:0;border-right:0;top:13px;left:13px}.cb__tick--tr{border-bottom:0;border-left:0;top:13px;right:13px}.cb__tick--bl{border-top:0;border-right:0;bottom:13px;left:13px}.cb__tick--br{border-top:0;border-left:0;bottom:13px;right:13px}@media (prefers-reduced-motion:reduce){.flip__inner{transform:none!important}.flip__back,.flip__shadow,.flip__sheen{display:none!important}}