@property --bxa{syntax:"<angle>";inherits:false;initial-value:0deg}.bx{container-type:inline-size;position:relative;isolation:isolate;margin:12px 5vw;border-radius:24px}.bx-in{--bx-pad:20px;--bx-tile:30px}.pdr .bx{margin:14px 0 0}.dr .bx{margin:0 0 14px}.bx:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--bxa),rgba(36,89,233,.22) 0deg,rgba(36,89,233,.22) 210deg,rgba(177,197,253,.95) 265deg,rgba(36,89,233,.22) 320deg,rgba(36,89,233,.22) 360deg);-webkit-mask:linear-gradient(#000000 0 0) content-box,linear-gradient(#000000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000000 0 0) content-box exclude,linear-gradient(#000000 0 0);animation:bxSpin 9s linear infinite}.bx.un:before,.bx.arm:before{animation-duration:4s}@keyframes bxSpin{to{--bxa:360deg}}.bx-in{position:relative;overflow:hidden;border-radius:inherit;padding:var(--bx-pad);display:flex;flex-direction:column;gap:16px;background:radial-gradient(70% 120% at 0% 0%,rgba(36,89,233,.11),transparent 62%),radial-gradient(50% 100% at 100% 100%,rgba(36,89,233,.06),transparent 60%),linear-gradient(160deg,#e7e7e9,#ebebed 70%);box-shadow:inset 0 1px #ffffff0d,0 30px 60px -30px #00000056}.bx.bump .bx-in{animation:bxBump .6s cubic-bezier(.2,1.4,.3,1)}@keyframes bxBump{40%{transform:scale(1.012)}}.bx-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.bx-eye{box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;flex:none;border:1px solid rgba(36,89,233,.55);color:var(--mc-gold);font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.bx-eye i{width:6px;height:6px;border-radius:50%;background:var(--mc-gold);animation:bxDot 2.2s ease-out infinite}@keyframes bxDot{0%{box-shadow:0 0 #2459e973}70%,to{box-shadow:0 0 0 5px #2459e900}}.bx-cd{display:flex;align-items:center;gap:10px;min-width:0}.bx-cl{display:none;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mc-mute);white-space:nowrap}.bx-dg{display:flex;align-items:flex-start;gap:4px}.bx-dg>i{font-style:normal;height:var(--bx-tile);line-height:var(--bx-tile);width:6px;text-align:center;color:var(--mc-gold);opacity:.7;font-weight:700}.bx-d{display:flex;flex-direction:column;align-items:center}.bx-d b{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:calc(var(--bx-tile) + 4px);height:var(--bx-tile);border-radius:9px;font-size:calc(var(--bx-tile) * .5);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--mc-ink);background:linear-gradient(180deg,#e4e4e7,#e9e9ec);border:1px solid var(--mc-line);box-shadow:inset 0 1px #ffffff0f}.bx-d b.cdt{animation:bxTick .45s cubic-bezier(.2,.8,.2,1)}@keyframes bxTick{0%{color:var(--mc-gold-hi);text-shadow:0 0 12px rgba(110,145,241,.6);transform:translateY(-3px)}}.bx-d small{display:none;margin-top:6px;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mc-mute)}.bx-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.bx-title{display:block;width:max-content;max-width:100%;font-size:26px;font-weight:700;line-height:1;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;padding-right:.04em;background-image:linear-gradient(100deg,#123fb9,#2459e9 32%,#9ab4fc 46%,#c7d5fe,#9ab4fc 54%,#2459e9 68%,#123fb9);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(36,89,233,.18));animation:hxShine 7s linear infinite}.bx-st{margin:0;font-size:14px;line-height:20px;color:var(--mc-mute)}.bx-slots{display:flex;flex-direction:column;gap:12px;min-width:0}.bx-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bx-s{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(78px,22cqi,108px);border-radius:10px;border:1px dashed rgba(36,89,233,.3);background:#b4c8fd06;color:#969590;transition:border-color .4s,box-shadow .4s,transform .4s cubic-bezier(.2,.8,.2,1)}.bx-s em{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-style:normal;font-size:15px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;transition:opacity .3s,color .3s}.bx-s:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:7px;opacity:0;transform:scale(.8);background:var(--cv,none) center/cover no-repeat,linear-gradient(150deg,#6e91f1,#113aaa);box-shadow:0 6px 14px -6px #00000045;transition:opacity .45s,transform .55s cubic-bezier(.2,1.3,.3,1)}.bx-s.on{border:1px solid rgba(110,145,241,.65);box-shadow:0 12px 24px -14px #2459e999}.bx-s.on:before{opacity:1;transform:none}.bx-s.on em{color:#fff}.bx-s.hasimg em{opacity:0}.bx-s.on:after{content:"\2713";position:absolute;z-index:2;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;background:linear-gradient(150deg,#85a5fc,#123fb9);box-shadow:0 2px 6px #00000039}.bx-s.burst{animation:bxPop .55s cubic-bezier(.2,1.5,.3,1)}@keyframes bxPop{40%{transform:scale(1.07)}}.bx-free{border-color:#2459e98c;color:var(--mc-gold);background:radial-gradient(90% 70% at 50% 30%,rgba(36,89,233,.12),transparent 70%),#b4c8fd06}.bx-free em span{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase}.bx-free.arm{border-style:solid;animation:bxArm 1.8s ease-out infinite}.bx-free.arm em{color:var(--mc-gold-hi)}@keyframes bxArm{0%{box-shadow:0 0 #2459e980}70%,to{box-shadow:0 0 0 8px #2459e900}}.bx-free.on:after{content:"Free";top:auto;bottom:-8px;right:50%;transform:translate(50%);width:auto;height:16px;padding:0 7px;border-radius:99px;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.bx-bar{height:3px;border-radius:99px;background:#b4c8fd12;overflow:hidden}.bx-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#113aaa,#6e91f1,#2459e9);background-size:200% 100%;box-shadow:0 0 10px #2459e980;transition:width .7s cubic-bezier(.2,.8,.2,1);animation:hxShine 3s linear infinite}@container (min-width:420px){.bx-cl{display:block}.bx-in{--bx-pad:24px}}@container (max-width:339px){.bx-in{--bx-tile:28px}.bx-eye{font-size:10px;letter-spacing:.12em;padding:0 10px;gap:7px}.bx-dg{gap:3px}.bx-dg>i{width:5px}}@container (min-width:620px) and (max-width:939px){.bx-in{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:32px;row-gap:16px;align-items:center}.bx-top{grid-column:1/-1}.bx-s{height:auto;aspect-ratio:3/4}}@container (min-width:940px){.bx-in{--bx-pad:32px;--bx-tile:46px;display:grid;grid-template-columns:minmax(0,1fr) 264px auto;grid-template-rows:auto auto;column-gap:36px;row-gap:14px;align-items:center}.bx-top{display:contents}.bx-eye{grid-column:1;grid-row:1;justify-self:start;align-self:end}.bx-copy{grid-column:1;grid-row:2;align-self:start;gap:10px}.bx-st{font-size:15px}.bx-slots{grid-column:2;grid-row:1/3}.bx-s{height:auto;aspect-ratio:3/4}.bx-cd{grid-column:3;grid-row:1/3;flex-direction:column;align-items:flex-start;gap:12px;padding-left:36px;align-self:stretch;justify-content:center;border-left:1px solid var(--mc-line)}.bx-cl{font-size:11px}.bx-dg{gap:6px}.bx-dg>i{width:8px;font-size:18px}.bx-d b{border-radius:13px;font-size:22px}.bx-d small{display:block}}@media(prefers-reduced-motion:reduce){.bx:before,.bx-title,.bx-bar i,.bx-eye i,.bx-free.arm,.bx-s.burst,.bx.bump .bx-in,.bx-d b.cdt{animation:none!important}}.dr .dmid{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dr .dmid>.db{flex:none;overflow:visible}.dr .dbun{padding:8px 22px 16px}.dr .bx{margin:0}.dr .bx-s{height:72px}.dr .dmid{display:flex;flex-direction:column}.dr .dmid>.db{flex:1 0 auto}.dr .dmid>.db:has(>.de:only-child){display:flex;align-items:center;justify-content:center}.dr .dmid>.db>.de:only-child{margin:0}.dr .dbun{margin-top:auto}.bxf{position:fixed;z-index:2400;right:24px;bottom:24px;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:400px;padding:12px 40px 12px 12px;border-radius:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(43,80,224,.25);box-shadow:0 20px 50px -18px #15161a59,0 0 0 1px #fff9 inset;opacity:0;visibility:hidden;transform:translateY(16px) scale(.98);transition:opacity .3s,transform .4s cubic-bezier(.2,1.2,.3,1),visibility 0s .3s}.bxf.show{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .45s cubic-bezier(.2,1.2,.3,1),visibility 0s}.bxf.bump{animation:bxfBump .5s cubic-bezier(.2,1.5,.3,1)}@keyframes bxfBump{40%{transform:scale(1.04)}}.bxf-s{flex:none;display:grid;grid-template-columns:repeat(4,28px);gap:5px}.bxf .bx-s{height:38px!important;aspect-ratio:auto!important;border-radius:6px;font-size:0}.bxf .bx-s em{font-size:11px!important}.bxf .bx-s.on:after{top:-5px;right:-5px;width:14px;height:14px;font-size:8px}.bxf .bx-free.on:after{display:none}.bxf-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.bxf-t b{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:16px;color:var(--blue,#2b50e0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bxf-t small{font-size:12.5px;line-height:17px;color:var(--mc-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bxf .bx-bar{height:3px;margin-top:3px}.bxf-x{all:unset;position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;color:var(--mc-mute)}.bxf-x:hover{background:#15161a0f;color:var(--mc-ink)}.bxf.un{border-color:#2b50e099;box-shadow:0 20px 50px -18px #2b50e073}@media(max-width:820px){.bxf{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;padding:10px 38px 10px 10px;gap:12px;border-radius:18px}.bxf-s{grid-template-columns:repeat(4,24px);gap:4px}.bxf .bx-s{height:32px!important}}@media(prefers-reduced-motion:reduce){.bxf,.bxf.show{transition:none}.bxf.bump{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/album-bundle.css.map */