.article-mystery-drop[hidden],.article-mystery-drop [hidden]{display:none!important}.article-mystery-drop,.article-mystery-drop *{box-sizing:border-box}.article-mystery-drop{--mystery-accent: #ef272d;--mystery-ink: #171717;--mystery-muted: #667085;--mystery-border: #f1d7e5;--mystery-pink: #e9007f;color:var(--mystery-ink);font-family:inherit}.article-mystery-drop__launcher{position:fixed;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:996;display:grid;grid-template-columns:44px minmax(0,1fr);gap:9px;align-items:center;width:min(218px,calc(100vw - 24px));min-height:62px;padding:8px 10px;border:1px solid rgba(233,0,127,.24);border-radius:8px;background:#fffffffa;box-shadow:0 14px 34px #1113;color:var(--mystery-ink);cursor:pointer;text-align:left;transform:translateY(8px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent}.article-mystery-drop.is-ready .article-mystery-drop__launcher{opacity:1;pointer-events:auto;transform:translateY(0)}.article-mystery-drop.is-attention .article-mystery-drop__launcher{animation:article-mystery-pulse 1.2s ease-in-out 2}.article-mystery-drop__launcher-icon{position:relative;display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#fff,#ffe8f4)}.article-mystery-drop__launcher-icon:after{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:2px solid var(--mystery-pink);border-top-width:8px;border-radius:6px;content:"";opacity:.88}.article-mystery-drop__launcher-icon img{width:100%;height:100%;object-fit:cover;opacity:.42}.article-mystery-drop__launcher-copy{min-width:0}.article-mystery-drop__launcher-copy small,.article-mystery-drop__launcher-copy strong{display:block;overflow:hidden;line-height:1.14;text-overflow:ellipsis;white-space:nowrap}.article-mystery-drop__launcher-copy small{color:var(--mystery-pink);font-size:10px;font-weight:900;text-transform:uppercase}.article-mystery-drop__launcher-copy strong{margin-top:3px;font-size:13px;font-weight:900}.article-mystery-drop__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483600;border:0;background:#0f0f1280;opacity:0;pointer-events:none;transition:opacity .18s ease}.article-mystery-drop__sheet{position:fixed;right:10px;bottom:10px;left:10px;z-index:2147483601;display:grid;gap:12px;max-height:min(92vh,720px);overflow:auto;padding:14px;border:1px solid rgba(255,255,255,.78);border-radius:8px;background:#fff;box-shadow:0 24px 70px #00000057;opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity .2s ease,transform .22s ease}.article-mystery-drop.is-open .article-mystery-drop__backdrop{opacity:1;pointer-events:auto}.article-mystery-drop.is-open .article-mystery-drop__sheet{opacity:1;pointer-events:auto;transform:translateY(0)}.article-mystery-drop__close{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ececf0;border-radius:50%;background:#fffffff0;color:#111;font-size:22px;line-height:1}.article-mystery-drop__stage{position:relative;display:grid;place-items:center;min-height:260px;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 22% 18%,rgba(233,0,127,.16),transparent 27%),radial-gradient(circle at 78% 30%,rgba(57,125,98,.16),transparent 25%),linear-gradient(135deg,#fff7fb,#f8fbff)}.article-mystery-drop__canvas{display:block;width:100%;height:100%;min-height:260px}.article-mystery-drop__fallback-box{position:absolute;display:grid;place-items:center;width:min(178px,54vw);aspect-ratio:1;border:10px solid #fff;border-radius:8px;background:linear-gradient(135deg,#e9007f,#ef272d);box-shadow:0 20px 44px #1111113d;transform:rotateX(58deg) rotate(-18deg);transform-style:preserve-3d}.article-mystery-drop__fallback-box img{width:72%;height:72%;border-radius:6px;object-fit:cover;transform:rotate(18deg)}.article-mystery-drop.is-three-ready .article-mystery-drop__fallback-box{display:none}.article-mystery-drop.is-revealed .article-mystery-drop__fallback-box{animation:article-mystery-open .52s ease forwards}.article-mystery-drop__burst{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.article-mystery-drop__burst i{position:absolute;top:50%;left:50%;width:8px;height:18px;border-radius:3px;background:var(--piece-color, #e9007f);transform:translate(-50%,-50%) rotate(var(--piece-rotate)) translateY(var(--piece-distance));animation:article-mystery-confetti .78s ease-out forwards}.article-mystery-drop__content{display:grid;gap:10px;text-align:center}.article-mystery-drop__kicker{margin:0;color:var(--mystery-pink);font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.article-mystery-drop__title{margin:0;font-size:clamp(22px,6vw,34px);font-weight:900;line-height:1.05;letter-spacing:0}.article-mystery-drop__copy{margin:0 auto;max-width:30rem;color:var(--mystery-muted);font-size:14px;line-height:1.35}.article-mystery-drop__progress{display:flex;justify-content:center;gap:7px;margin-top:2px}.article-mystery-drop__progress span{width:30px;height:6px;border-radius:999px;background:#ebe7ea}.article-mystery-drop__progress span.is-active{background:var(--mystery-pink)}.article-mystery-drop__tap,.article-mystery-drop__primary,.article-mystery-drop__secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;border-radius:8px;font-size:15px;font-weight:900;line-height:1;text-decoration:none}.article-mystery-drop__tap,.article-mystery-drop__primary{border:0;background:var(--mystery-pink);color:#fff}.article-mystery-drop__tap:active,.article-mystery-drop__primary:active{transform:translateY(1px)}.article-mystery-drop__tap:disabled{background:#d0d5dd;cursor:default}.article-mystery-drop__reward{display:grid;gap:5px;justify-items:center;padding:10px;border:1px dashed rgba(233,0,127,.44);border-radius:8px;background:#fff7fb;font-size:13px}.article-mystery-drop__code{color:var(--mystery-pink);font-weight:900}.article-mystery-drop__shipping{color:var(--mystery-muted)}.article-mystery-drop__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.article-mystery-drop__secondary{border:1px solid var(--mystery-border);background:#fff;color:var(--mystery-ink)}@media screen and (min-width:750px){.article-mystery-drop__sheet{right:24px;bottom:24px;left:auto;width:min(420px,calc(100vw - 48px))}.article-mystery-drop__launcher{right:18px;bottom:104px}}@media screen and (max-width:749px){#ShopifyChat,[id^=ShopifyChat],[id*=shopify-chat],[class*=shopify-chat],[class*=ShopifyChat],inbox-online-store-chat,iframe[src*=shopifychat],iframe[src*="shopify.com/inbox"],iframe[src*="inbox.shopify"],iframe[title*=chat i],iframe[aria-label*=chat i],[aria-label*=chat i][role=button],[data-testid*=chat i]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.article-mystery-drop__launcher{right:10px;bottom:calc(150px + env(safe-area-inset-bottom));width:min(196px,calc(100vw - 20px))}.article-mystery-drop__sheet{padding:12px}.article-mystery-drop__stage,.article-mystery-drop__canvas{min-height:min(68vw,300px)}}@media(prefers-reduced-motion:reduce){.article-mystery-drop *,.article-mystery-drop *:before,.article-mystery-drop *:after{animation-duration:1ms!important;transition-duration:1ms!important}}@keyframes article-mystery-pulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}}@keyframes article-mystery-open{to{opacity:.18;transform:rotateX(62deg) rotate(16deg) scale(.88)}}@keyframes article-mystery-confetti{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--piece-rotate)) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--piece-rotate)) translateY(var(--piece-distance)) scale(.7)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/article-mystery-tee-drop.css.map */