.unboxing-ad{--unboxing-ad-accent-rgb:var(--ms-warning-rgb);--unboxing-ad-padding:1.25rem;--card-w:6.5rem;--card-h:9.5rem;--card-gap:.5rem;--step:calc(var(--card-w) + var(--card-gap));border:1px solid rgba(var(--unboxing-ad-accent-rgb),.2);background:radial-gradient(120% 140% at 100% 0,rgba(var(--unboxing-ad-accent-rgb),.12),transparent 60%),rgba(var(--ms-white-rgb),.03);border-radius:var(--ms-border-radius);padding:var(--unboxing-ad-padding);position:relative}.unboxing-ad--compact{--unboxing-ad-padding:1rem;--card-w:5.75rem;--card-h:8.5rem}.unboxing-ad__header{align-items:center;gap:.625rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.unboxing-ad__label{border:1px solid rgba(var(--ms-white-rgb),.2);border-radius:var(--ms-border-radius-xs);color:var(--ms-gray-400);text-transform:uppercase;letter-spacing:.04em;padding:0 .375rem;font-size:.6875rem;line-height:1.125rem}.unboxing-ad__brand{color:rgb(var(--unboxing-ad-accent-rgb));font-weight:700;text-decoration:none}.unboxing-ad__brand:hover{text-decoration:underline}.unboxing-ad__close{margin-block:-.5rem;margin-inline:auto -.5rem;padding:.5rem}.unboxing-ad__intro{margin-bottom:1rem}.unboxing-ad__title{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.unboxing-ad--compact .unboxing-ad__title{font-size:1.125rem}.unboxing-ad__text{color:var(--ms-gray-400);max-width:46rem;margin:0;font-size:.875rem}.unboxing-ad__reel{background:linear-gradient(180deg,rgba(var(--ms-white-rgb),.04),rgba(var(--ms-white-rgb),0)),#00000059;border:1px solid rgba(var(--ms-white-rgb),.08);border-radius:var(--ms-border-radius-sm);height:calc(1.5rem + var(--card-h));-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.unboxing-ad__reel:after,.unboxing-ad__reel:before{content:"";z-index:2;pointer-events:none;width:min(20%,7rem);position:absolute;top:0;bottom:0}.unboxing-ad__reel:before{background:linear-gradient(90deg,#0b1013,#0000);left:0}.unboxing-ad__reel:after{background:linear-gradient(270deg,#0b1013,#0000);right:0}.unboxing-ad__track{gap:var(--card-gap);transform:translateX(calc(-1 * (var(--step) * var(--index) + var(--card-w) / 2 + var(--card-w) * var(--jitter))));will-change:transform;display:flex;position:absolute;top:.75rem;left:50%}.unboxing-ad__track--spinning{transition:transform var(--spin-ms) cubic-bezier(.1,.62,.1,1)}.unboxing-ad__card{background:radial-gradient(90% 70% at 50% 45%,color-mix(in srgb,var(--card-accent) 22%,transparent),transparent 75%),linear-gradient(180deg,rgba(var(--ms-white-rgb),.06),#0003);border-bottom:3px solid var(--card-accent);border-radius:var(--ms-border-radius-xs);height:var(--card-h);width:var(--card-w);flex-direction:column;flex:none;justify-content:space-between;align-items:center;padding:.5rem .375rem;transition:opacity .4s,transform .4s,box-shadow .4s;display:flex}.unboxing-ad__card-art{height:calc(-.75rem + var(--card-w));width:calc(-.75rem + var(--card-w));flex:none;position:relative}.unboxing-ad__card-effect,.unboxing-ad__card-hat{-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.unboxing-ad__card-hat{filter:drop-shadow(0 .25rem .375rem #00000080);width:84%;height:84%;inset:8%}.unboxing-ad__card-effect-name,.unboxing-ad__card-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.625rem;line-height:1.25;overflow:hidden}.unboxing-ad__card-effect-name{color:var(--card-accent);margin-top:.125rem;font-weight:700}.unboxing-ad__card-name{color:var(--ms-gray-300);-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;min-height:2.5em;display:-webkit-box}.unboxing-ad__reel[data-state=done] .unboxing-ad__card{opacity:.3}.unboxing-ad__reel[data-state=done] .unboxing-ad__card--won{opacity:1;box-shadow:0 0 1.5rem color-mix(in srgb,var(--card-accent) 55%,transparent);transform:scale(1.06)}.unboxing-ad__marker{background:rgb(var(--unboxing-ad-accent-rgb));box-shadow:0 0 .75rem rgba(var(--unboxing-ad-accent-rgb),.9);z-index:3;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:calc(50% - 1px)}.unboxing-ad__marker:after,.unboxing-ad__marker:before{content:"";border-inline:.4rem solid #0000;margin-left:-.4rem;position:absolute;left:50%}.unboxing-ad__marker:before{border-top:.5rem solid rgb(var(--unboxing-ad-accent-rgb));top:0}.unboxing-ad__marker:after{border-bottom:.5rem solid rgb(var(--unboxing-ad-accent-rgb));bottom:0}.unboxing-ad__controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.unboxing-ad__open{min-width:11rem}.unboxing-ad__cta{align-items:center;gap:.375rem;margin-inline-start:auto;display:inline-flex}.unboxing-ad__result{align-items:center;gap:.5rem;min-width:0;margin:0;display:inline-flex}@media (prefers-reduced-motion:no-preference){.unboxing-ad__result{animation:.5s both unboxing-ad-fade}}.unboxing-ad__demo-tag{background:rgba(var(--unboxing-ad-accent-rgb),.16);color:rgb(var(--unboxing-ad-accent-rgb));text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:.0625rem .5rem;font-size:.6875rem;font-weight:700}.unboxing-ad__result-name{color:var(--card-accent);font-size:1rem;font-weight:700}.unboxing-ad__note{color:var(--ms-gray-500);margin:.75rem 0 0;font-size:.75rem}@keyframes unboxing-ad-fade{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}