mystery-campaign-bar{display:block;width:100%}.mystery-bar.announcement-bar{--bar-height: 66px;--bar-pad-x: clamp(14px, 3.6vw, 58px);--box-size: 58px;--headline-size: clamp(13px, 1.35vw, 18px);--subline-size: clamp(10px, .9vw, 12px);--count-size: clamp(13px, 1.15vw, 17px);--unit-size: 8px;position:relative;min-height:var(--bar-height);padding:0!important;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(ellipse at 16% -15%,rgb(111 66 255 / 32%),transparent 44%),radial-gradient(ellipse at 84% 120%,rgb(35 168 218 / 18%),transparent 43%),linear-gradient(112deg,#180638,#2f0e68,#19063b);border:0;font-family:var(--font-body--family, Inter, ui-sans-serif, system-ui, sans-serif)}.mystery-bar[hidden],.mystery-bar [hidden]{display:none!important}.mystery-bar:before,.mystery-bar:after{position:absolute;pointer-events:none;content:""}.mystery-bar:before{z-index:0;top:-110%;right:-18%;bottom:-110%;left:-18%;opacity:.9;background:radial-gradient(ellipse at 24% 50%,rgb(78 201 255 / 20%),transparent 33%),radial-gradient(ellipse at 72% 46%,rgb(211 87 255 / 21%),transparent 37%);filter:blur(18px) saturate(112%);animation:mysteryAuroraFlow 9s ease-in-out infinite alternate}.mystery-bar:after{z-index:0;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(8 2 30 / 18%),transparent 25% 75%,rgb(8 2 30 / 18%))}.mystery-bar__link{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:clamp(10px,2vw,26px);min-height:var(--bar-height);align-items:center;padding:4px var(--bar-pad-x);color:inherit;text-decoration:none}.mystery-bar__link:focus-visible{outline:2px solid #fff;outline-offset:-4px}.mystery-bar__box{position:relative;width:var(--box-size);height:var(--box-size);flex:0 0 auto}.mystery-bar__box--desktop{display:none}.mystery-box-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 8px 8px rgb(8 2 30 / 35%))}.mystery-box__shadow{transform-origin:center;animation:mysteryBoxShadowPulse 4.2s ease-in-out infinite}.mystery-box__body{transform-origin:center bottom;animation:mysteryBoxBodyBreathe 4.2s cubic-bezier(.4,0,.2,1) infinite}.mystery-box__lid{transform-box:fill-box;transform-origin:center bottom;animation:mysteryBoxLidOpen 4.2s cubic-bezier(.32,.72,.18,1) infinite}.mystery-box__bow-left,.mystery-box__bow-right{transform-box:fill-box;transform-origin:center}.mystery-box__bow-left{animation:mysteryBowLeft 4.2s ease-in-out infinite}.mystery-box__bow-right{animation:mysteryBowRight 4.2s ease-in-out infinite}.mystery-box__light{transform-box:fill-box;transform-origin:center bottom;animation:mysteryBoxLight 4.2s ease-in-out infinite}.mystery-box__spark{transform-box:fill-box;transform-origin:center;opacity:0}.mystery-box__spark--1{animation:mysterySparkOne 4.2s ease-out infinite}.mystery-box__spark--2{animation:mysterySparkTwo 4.2s ease-out infinite}.mystery-box__spark--3{animation:mysterySparkThree 4.2s ease-out infinite}.mystery-box__spark--4{animation:mysterySparkFour 4.2s ease-out infinite}.mystery-box__spark--5{animation:mysterySparkFive 4.2s ease-out infinite}.mystery-box__ribbon-tail{transform-box:fill-box;transform-origin:center top;animation:mysteryRibbonTail 4.2s ease-in-out infinite}.mystery-bar__copy{min-width:0;text-align:center}.mystery-bar__headline{display:flex;flex-wrap:wrap;gap:.35em;align-items:baseline;justify-content:center;font-size:var(--headline-size);font-weight:850;line-height:1.1;letter-spacing:.015em;text-transform:uppercase}.mystery-bar__title{display:inline-block;color:transparent;background:linear-gradient(90deg,#fff,#ffe39a 42%,#d7c6ff 70%,#fff);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 1px 5px rgb(8 2 30 / 55%));animation:mysteryMagicTextFill 4.8s linear infinite}.mystery-bar__star-separator{color:#ffe69d;text-shadow:0 0 10px rgb(255 228 135 / 90%);animation:mysterySeparatorSpark 2.4s ease-in-out infinite}.mystery-bar__deadline-copy{color:#fffffff5;font-weight:690;text-shadow:0 1px 7px rgb(8 2 30 / 60%)}.mystery-bar__subline{display:block;margin-top:3px;color:#ece5ffd1;font-size:var(--subline-size);font-weight:560;line-height:1.15;text-shadow:0 1px 6px rgb(8 2 30 / 55%)}.mystery-countdown{display:flex;gap:5px;align-items:stretch;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}.mystery-countdown__unit{display:grid;min-width:40px;padding:5px 7px 4px;place-items:center;background:#ffffff21;border:1px solid rgb(255 255 255 / 23%);border-radius:9px;box-shadow:inset 0 1px #fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mystery-countdown__value{font-size:var(--count-size);font-weight:820;line-height:1}.mystery-countdown__label{margin-top:3px;color:#ffffffb8;font-size:var(--unit-size);font-weight:760;line-height:1;letter-spacing:.08em;text-transform:uppercase}.mystery-bar__cta{display:inline-flex;gap:7px;min-height:34px;align-items:center;justify-content:center;padding:7px 12px;color:#fff;background:#ffffff1f;border:1px solid rgb(255 255 255 / 28%);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:background .18s ease,transform .18s ease}.mystery-bar__cta svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.mystery-bar__link:hover .mystery-bar__cta{background:#ffffff36;transform:translate(2px)}@media screen and (min-width:990px){.mystery-bar__copy{position:absolute;left:50%;width:max-content;max-width:min(44vw,580px);transform:translate(-50%)}.mystery-bar__headline{flex-wrap:nowrap}.mystery-bar__box--mobile{display:none}.mystery-bar__box--desktop{position:absolute;top:50%;display:block;width:52px;height:52px;transform:translateY(-50%)}.mystery-bar__box--desktop-left{right:calc(100% + 12px)}.mystery-bar__box--desktop-right{left:calc(100% + 12px)}.mystery-bar__box--desktop-right .mystery-box-svg{transform:scaleX(-1);transform-origin:center}.mystery-countdown{grid-column:3}.mystery-bar__cta{grid-column:4;display:none}}@media screen and (min-width:990px)and (max-width:1199px){.mystery-bar__copy{max-width:36vw}.mystery-bar__headline{flex-wrap:wrap}.mystery-bar__box--desktop{width:40px;height:40px}.mystery-bar__box--desktop-left{right:calc(100% + 6px)}.mystery-bar__box--desktop-right{left:calc(100% + 6px)}}@media screen and (min-width:1700px){.mystery-bar__cta{display:inline-flex}}@keyframes mysteryMagicTextFill{0%{background-position:120% 0}to{background-position:-140% 0}}@keyframes mysterySeparatorSpark{0%,to{opacity:.56;transform:scale(.82) rotate(0)}50%{opacity:1;transform:scale(1.18) rotate(90deg)}}@keyframes mysteryAuroraFlow{0%{transform:translate3d(-6%,-2%,0) rotate(-2deg) scale(1)}to{transform:translate3d(7%,3%,0) rotate(3deg) scale(1.08)}}@keyframes mysteryBoxLidOpen{0%,18%,84%,to{transform:translateY(0) rotate(0)}29%{transform:translateY(-5px) rotate(-2deg)}38%,66%{transform:translateY(-15px) rotate(-7deg)}75%{transform:translateY(-4px) rotate(2deg)}}@keyframes mysteryBoxBodyBreathe{0%,22%,80%,to{transform:scale(1)}35%,67%{transform:scale(1.035,.985)}}@keyframes mysteryBoxShadowPulse{0%,22%,82%,to{opacity:.34;transform:scaleX(1)}38%,66%{opacity:.18;transform:scaleX(.78)}}@keyframes mysteryBowLeft{0%,22%,82%,to{transform:rotate(0)}38%,66%{transform:rotate(-13deg) translate(-1px,-1px)}}@keyframes mysteryBowRight{0%,22%,82%,to{transform:rotate(0)}38%,66%{transform:rotate(13deg) translate(1px,-1px)}}@keyframes mysteryBoxLight{0%,25%,78%,to{opacity:0;transform:scale(.5,.15)}40%,64%{opacity:.95;transform:scale(1)}}@keyframes mysterySparkOne{0%,29%,78%,to{opacity:0;transform:translateY(8px) scale(.45) rotate(0)}43%{opacity:1}68%{opacity:0;transform:translate(-12px,-25px) scale(1.1) rotate(145deg)}}@keyframes mysterySparkTwo{0%,34%,80%,to{opacity:0;transform:translateY(8px) scale(.35) rotate(0)}47%{opacity:1}71%{opacity:0;transform:translate(13px,-31px) scale(1) rotate(-120deg)}}@keyframes mysterySparkThree{0%,38%,82%,to{opacity:0;transform:translateY(7px) scale(.4) rotate(0)}50%{opacity:.95}73%{opacity:0;transform:translate(2px,-35px) scale(1.2) rotate(180deg)}}@keyframes mysterySparkFour{0%,32%,78%,to{opacity:0;transform:translateY(7px) scale(.4)}45%{opacity:1}69%{opacity:0;transform:translate(-20px,-18px) scale(.9)}}@keyframes mysterySparkFive{0%,41%,84%,to{opacity:0;transform:translateY(8px) scale(.35)}53%{opacity:1}76%{opacity:0;transform:translate(19px,-20px) scale(1.15)}}@keyframes mysteryRibbonTail{0%,26%,82%,to{transform:rotate(0)}44%{transform:rotate(9deg)}62%{transform:rotate(-7deg)}}#header-group:has(#header-component[sticky=always])>.shopify-section:has(>mystery-campaign-bar[data-mystery-bar]){position:relative!important;top:auto!important;z-index:auto!important}#header-group:has(>.shopify-section>mystery-campaign-bar[data-mystery-bar]:not([hidden]))>.header-section:has(>#header-component[sticky=always]){top:-1px}@media screen and (max-width:989px){.mystery-bar.announcement-bar{--bar-pad-x: 16px}.mystery-bar__link{gap:10px}.mystery-bar__cta{display:none}}@media screen and (max-width:749px){.mystery-bar.announcement-bar{--bar-height: 82px;--bar-pad-x: 10px;--box-size: 52px;--headline-size: 12px;--subline-size: 9px;--count-size: 12px;--unit-size: 7px}.mystery-bar__link{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 8px;padding-block:4px}.mystery-bar__box{grid-column:1;grid-row:1 / 3}.mystery-bar__copy{grid-column:2 / 4;grid-row:1;align-self:end;text-align:left}.mystery-bar__headline{gap:.28em;justify-content:flex-start;line-height:1.05}.mystery-bar__subline{display:none}.mystery-countdown{grid-column:2;grid-row:2;align-self:start}.mystery-countdown__unit{min-width:30px;padding:4px 5px 3px;border-radius:7px}.mystery-bar__cta{display:inline-flex;grid-column:3;grid-row:2;min-height:28px;padding:5px 8px;font-size:8px}}@media(prefers-reduced-motion:reduce){.mystery-bar *,.mystery-bar:before,.mystery-bar:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mystery-bar:before{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/mystery-box-announcement.css.map */