.surpresa-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;overflow:hidden}.surpresa-drop{position:absolute;left:var(--x);width:var(--size);height:var(--size);padding:0;margin:0;border:0;background:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 6px 10px rgb(0 0 0 / .18))}.surpresa-drop img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.surpresa-drop--gift{top:calc(-1 * var(--size) - 10px);animation:surpresa-fall var(--dur) linear forwards}.surpresa-drop--balloon{top:100%;animation:surpresa-rise var(--dur) linear forwards}.surpresa-drop img{animation:surpresa-sway 2.6s ease-in-out infinite alternate}@keyframes surpresa-fall{to{transform:translateY(calc(100vh + var(--size) + 20px)) rotate(18deg)}}@keyframes surpresa-rise{to{transform:translateY(calc(-100vh - var(--size) - 20px))}}@keyframes surpresa-sway{0%{translate:calc(-1 * var(--sway)) 0;rotate:-6deg}to{translate:var(--sway) 0;rotate:6deg}}.surpresa-drop.is-popped{animation-play-state:paused}.surpresa-drop.is-popped img{animation:surpresa-pop .35s ease-out forwards}@keyframes surpresa-pop{50%{scale:1.35}to{scale:0;opacity:0}}.surpresa-drop.is-inerte{pointer-events:none;cursor:default}.surpresa-drop:focus-visible{outline:2px solid #1c1c1c;outline-offset:4px;border-radius:50%}.surpresa-layer.is-static .surpresa-drop--static{left:auto;right:16px;bottom:96px;--size: 52px}.surpresa-line{display:block;min-width:0}.surpresa-line[hidden]{display:none}.surpresa-item{--line-item-media-width: 4.375rem;display:flex;align-items:center;column-gap:1.5rem}@media screen and (min-width:700px){.surpresa-item{--line-item-media-width: 7.5rem}}.surpresa-item__media{aspect-ratio:1;display:grid;place-items:center}.surpresa-item__media img{width:62%;height:62%;object-fit:contain}img.surpresa-item__media--prize{object-fit:cover;background:none}.surpresa-item__box{display:inline-flex;align-items:center;justify-content:center;min-height:var(--quantity-selector-height, 2.2rem);padding-inline:1.125rem;letter-spacing:.06em;text-transform:uppercase}.surpresa-item__lock{cursor:default;white-space:nowrap;color:rgb(var(--text-color));background:linear-gradient(rgb(var(--text-color) / .14),rgb(var(--text-color) / .14)) no-repeat left / var(--p, 0%) 100%;transition:background-size .8s cubic-bezier(.22,1,.36,1)}.surpresa-item__open{cursor:pointer;background:rgb(var(--text-color));color:rgb(var(--background));border-color:rgb(var(--text-color));animation:surpresa-nudge 2.2s ease-in-out infinite}@keyframes surpresa-nudge{0%,72%,to{rotate:0deg}78%{rotate:-4deg}84%{rotate:4deg}90%{rotate:-2deg}}.surpresa-spin{display:grid;gap:.9rem;text-align:center}.surpresa-spin__title{margin:0}.surpresa-spin__title strong{color:rgb(var(--text-color))}.surpresa-reel{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.surpresa-reel__track{display:flex;gap:10px;width:max-content;will-change:transform}.surpresa-reel__tile{flex:0 0 96px;display:grid;gap:.5rem;align-content:start;justify-items:center;padding-bottom:.4rem;border:1px solid transparent;transition:border-color .3s}.surpresa-reel__tile img{width:96px;height:96px;object-fit:cover;display:block;background:rgb(var(--text-color) / .04)}.surpresa-reel__tile .smallcaps{font-size:.58rem;line-height:1.35;padding-inline:.25rem}.surpresa-reel__tile.is-emoji img{object-fit:contain;padding:18px}.surpresa-reel__tile.is-win{border-color:rgb(var(--text-color))}.surpresa-reel__marker{position:absolute;z-index:1;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgb(var(--text-color) / 0),rgb(var(--text-color) / .9) 25% 75%,rgb(var(--text-color) / 0))}@media(prefers-reduced-motion:reduce){.surpresa-item__open,.surpresa-drop img{animation:none}}.surpresa-stack{position:relative;display:block;width:100%;height:100%}.surpresa-stack img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0}.surpresa-stack img.is-emoji{top:19%;right:19%;bottom:19%;left:19%;width:62%;height:62%;object-fit:contain}.surpresa-stack img.is-on{opacity:1}.surpresa-stack.is-done img.is-on{animation:surpresa-settle .45s ease-out}@keyframes surpresa-settle{0%{opacity:.4;scale:.96}to{opacity:1;scale:1}}.surpresa-mini{position:relative;overflow:hidden;width:100%;contain:inline-size;height:var(--tile);isolation:isolate;animation:surpresa-in .18s ease-out}@keyframes surpresa-in{0%{opacity:0}}.surpresa-mini:before,.surpresa-mini:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:12%;pointer-events:none}.surpresa-mini:before{left:0;background:linear-gradient(90deg,rgb(var(--background)),rgb(var(--background) / 0))}.surpresa-mini:after{right:0;background:linear-gradient(270deg,rgb(var(--background)),rgb(var(--background) / 0))}.surpresa-mini__track{display:flex;gap:8px;width:max-content;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.surpresa-mini__tile{flex:0 0 var(--tile);height:var(--tile);display:grid;place-items:center;backface-visibility:hidden}.surpresa-mini__tile img{width:100%;height:100%;object-fit:cover;display:block}.surpresa-mini__tile.is-emoji img{width:62%;height:62%;object-fit:contain}.surpresa-mini__marker{position:absolute;z-index:1;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgb(var(--text-color) / 0),rgb(var(--text-color) / .9) 25% 75%,rgb(var(--text-color) / 0))}.surpresa-drop.is-bursting{animation-play-state:paused}.surpresa-drop.is-bursting>img:first-child{animation:surpresa-burst .14s ease-out forwards}@keyframes surpresa-burst{to{scale:1.35;opacity:0}}.surpresa-drop__inner{position:absolute;top:14%;right:14%;bottom:14%;left:14%;width:72%!important;height:72%!important;animation:surpresa-ghost .42s ease-out forwards!important}@keyframes surpresa-ghost{0%{opacity:0}25%{opacity:1}to{opacity:0}}.surpresa-vazio{width:100%;text-align:start;justify-self:stretch;align-self:start}.surpresa-vazio:not(:has(ls-surpresa-line:not([hidden]))){display:none}.drawer--center-body:has(.surpresa-vazio ls-surpresa-line:not([hidden]))::part(body){align-self:start}.drawer--center-body .surpresa-vazio+.h5{margin-block-start:2.5rem}.surpresa-item__open.is-limite{animation:none;cursor:default;opacity:.55}
/*# sourceMappingURL=/cdn/shop/t/26/assets/surpresa.css.map */