.order-bump{--bump-a: 255, 42, 168;--bump-b: 34, 108, 255;position:relative;display:flex;flex-direction:column;gap:1.2rem;margin:-.6rem 0 3.6rem;padding:1.8rem 1.6rem 1.6rem;border-radius:1.4rem;background:#0e1119e6;box-shadow:0 0 2.4rem rgba(var(--bump-a),.14),0 0 2.4rem rgba(var(--bump-b),.12),inset 2rem 2rem 5rem -2rem rgba(var(--bump-a),.16),inset -2rem -2rem 5rem -2rem rgba(var(--bump-b),.16);isolation:isolate;transition:opacity .2s ease,box-shadow .7s ease}.order-bump:before,.order-bump:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;padding:.15rem;border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .7s ease}.order-bump:before{background:linear-gradient(135deg,#ff2aa8,#226cff)}.order-bump:after{background:#22c55e;opacity:0}.order-bump.is-added{--bump-a: 34, 197, 94;--bump-b: 34, 197, 94}.order-bump.is-added:before{opacity:0}.order-bump.is-added:after{opacity:1}.order-bump.is-busy{opacity:.6;pointer-events:none}.order-bump__badge{position:absolute;top:0;left:1.6rem;transform:translateY(-50%);padding:.3rem 1rem;border-radius:99rem;background:linear-gradient(135deg,#ff2aa8,#226cff);color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:0 .4rem 1.2rem #00000059}.order-bump__body{display:flex;align-items:center;gap:1.4rem}.order-bump__media{flex:0 0 auto;width:6.4rem;height:8rem;overflow:hidden;border-radius:.8rem;background:rgba(var(--color-foreground),.06);box-shadow:0 .6rem 1.6rem #0006;transform:rotate(-4deg)}.order-bump__img{display:block;width:100%;height:100%;object-fit:cover}.order-bump__text{min-width:0;display:flex;flex-direction:column;gap:.4rem}.order-bump__title{font-size:1.6rem;font-weight:700;line-height:1.25}.order-bump__desc{font-size:1.3rem;line-height:1.45;color:rgba(var(--color-foreground),.7)}.order-bump__action{position:relative;display:block}.order-bump__add{position:relative;display:block;width:100%;min-height:4.4rem;padding:0 1.6rem;overflow:hidden;border:0;border-radius:1rem;background:linear-gradient(135deg,#ff2aa8e6,#226cffe6);color:#fff;font-family:inherit;font-size:1.5rem;font-weight:700;cursor:pointer;isolation:isolate;transition:box-shadow .2s ease,filter .2s ease,transform .15s ease}.order-bump__fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#16a34a,#22c55e);transform:scaleX(0);transform-origin:left center;transition:transform .6s cubic-bezier(.65,0,.35,1)}.order-bump__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:0 1.6rem;white-space:nowrap;transition:opacity .35s ease,transform .45s cubic-bezier(.3,.7,.3,1)}.order-bump__label svg{flex:0 0 auto;width:1.6rem;height:1.6rem}.order-bump__label--added{justify-content:flex-start;opacity:0;transform:translateY(70%)}.order-bump__add:not([aria-disabled]):hover{filter:brightness(1.1);box-shadow:0 0 2rem #ff2aa873,0 0 2rem #226cff59}.order-bump__add:not([aria-disabled]):active{transform:scale(.98)}.order-bump__remove{position:absolute;top:50%;right:.6rem;z-index:1;padding:.6rem 1rem;border:0;border-radius:.8rem;background:none;color:#ffffffd9;font-family:inherit;font-size:1.3rem;font-weight:600;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(-50%);transition:opacity .3s ease,visibility 0s linear .3s,background-color .15s ease}.order-bump__remove:hover{background:#ffffff26;color:#fff}.order-bump.is-added .order-bump__add{cursor:default}.order-bump.is-added .order-bump__fill{transform:scaleX(1)}.order-bump.is-added .order-bump__label--add{opacity:0;transform:translateY(-70%)}.order-bump.is-added .order-bump__label--added{opacity:1;transform:none;transition-delay:.18s}.order-bump.is-added .order-bump__remove{opacity:1;visibility:visible;transition:opacity .35s ease .45s,visibility 0s,background-color .15s ease}.order-bump :focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}.order-bump.is-rolling.is-busy{opacity:1}.order-bump__dice{position:absolute;left:0;top:0;z-index:5;width:3.4rem;height:3.4rem;perspective:40rem;pointer-events:none}.order-bump__cube{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d}.order-bump__face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:.45rem;border:.15rem solid rgb(255,42,168);border-radius:.7rem;background:linear-gradient(145deg,#1c2233,#0b0e16);box-shadow:inset 0 0 .8rem #226cff80,0 0 1rem #ff2aa88c;backface-visibility:hidden}.order-bump__face i{place-self:center;width:.55rem;height:.55rem;border-radius:50%;background:#fff;box-shadow:0 0 .25rem #fff,0 0 .6rem #226cff}.order-bump__face--front{transform:translateZ(1.7rem)}.order-bump__face--back{transform:rotateY(180deg) translateZ(1.7rem)}.order-bump__face--right{transform:rotateY(90deg) translateZ(1.7rem)}.order-bump__face--left{transform:rotateY(-90deg) translateZ(1.7rem)}.order-bump__face--top{transform:rotateX(90deg) translateZ(1.7rem)}.order-bump__face--bottom{transform:rotateX(-90deg) translateZ(1.7rem)}.order-bump.is-charging .order-bump__add{animation:order-bump-charge .8s ease-out}@keyframes order-bump-charge{0%{filter:brightness(1);box-shadow:none}30%{filter:brightness(1.4) saturate(1.2);box-shadow:0 0 0 .2rem #ffffff59,0 0 2.4rem .6rem #ff2aa8bf,0 0 3.6rem 1rem #226cff8c}to{filter:brightness(1);box-shadow:none}}@media(prefers-reduced-motion:reduce){.order-bump,.order-bump:before,.order-bump:after,.order-bump__fill,.order-bump__label,.order-bump__remove{transition:none!important}.order-bump.is-charging .order-bump__add{animation:none}.order-bump__dice{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-order-bump.css.map */