.bb-gift-roulette{--bb-gift-ink: #2f2a24;--bb-gift-ink-soft: rgba(47, 42, 36, .62);--bb-gift-paper: #fffdf9;--bb-gift-gold: #b99660;--bb-gift-night: #292520;position:relative;flex:0 0 auto;min-width:0;margin:0 28px 18px;color:var(--bb-gift-ink);font-family:var(--font-body--family, Jost, sans-serif);font-style:normal;isolation:isolate}.bb-gift-roulette[hidden],.bb-gift-roulette [hidden]{display:none!important}.bb-gift-roulette__stage{position:relative;min-width:0;padding:17px;overflow:hidden;border:1px solid rgba(185,150,96,.32);border-radius:18px;outline:none;background:radial-gradient(circle at 100% 0%,rgba(200,169,124,.14),transparent 42%),linear-gradient(145deg,#fffffff5,#f9f3eaf0);box-shadow:0 12px 28px #2f2a2414,0 1px #ffffffe6 inset}.bb-gift-roulette__stage:before{position:absolute;top:0;right:18%;left:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(185,150,96,.72),transparent);content:"";pointer-events:none}.bb-gift-roulette__experience,.bb-gift-roulette__content{min-width:0}.bb-gift-roulette__heading{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:14px}.bb-gift-roulette__heading>div{min-width:0}.bb-gift-roulette__eyebrow{margin:0 0 4px;color:#2f2a2485;font-size:9px;font-weight:600;letter-spacing:.2em;line-height:1.25;text-transform:uppercase}.bb-gift-roulette__content h2,.bb-gift-roulette__result h2{margin:0;color:var(--bb-gift-ink);font-family:var(--font-heading--family, Cormorant, serif);font-size:25px;font-style:normal;font-weight:470;letter-spacing:-.025em;line-height:1.05}.bb-gift-roulette__gift-mark{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border:1px solid rgba(185,150,96,.38);border-radius:999px;background:#fffdf9cc;color:#9d7845;font-size:15px}.bb-gift-roulette__machine{--bb-reel-card-width: 108px;--bb-reel-card-height: 116px;--bb-reel-gap: 10px;position:relative;min-width:0;margin:14px -5px 13px;padding:5px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:radial-gradient(circle at 50% -30%,rgba(255,255,255,.14),transparent 53%),linear-gradient(145deg,#37322d,var(--bb-gift-night) 68%,#1f1c19);box-shadow:0 14px 30px #201b172e,0 1px #ffffff24 inset}.bb-gift-roulette__machine-light{position:absolute;z-index:6;top:-40%;bottom:-40%;left:-34%;width:22%;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,245,217,.24),transparent);filter:blur(3px);transform:skew(-16deg);pointer-events:none}.bb-gift-roulette.is-spinning .bb-gift-roulette__machine-light{animation:bbGiftMachineLight 1.05s ease-in-out infinite}.bb-gift-roulette__reel-window{position:relative;min-width:0;height:calc(var(--bb-reel-card-height) + 16px);overflow:hidden;border:1px solid rgba(14,12,10,.7);border-radius:11px;background:#d7cec2;box-shadow:0 0 0 1px #ffffff1a,0 9px 22px #0000003d inset;contain:paint}.bb-gift-roulette__reel-window:before,.bb-gift-roulette__reel-window:after{position:absolute;z-index:3;top:0;bottom:0;width:20%;content:"";pointer-events:none}.bb-gift-roulette__reel-window:before{left:0;background:linear-gradient(90deg,rgba(35,31,27,.9),rgba(49,44,39,.28),transparent)}.bb-gift-roulette__reel-window:after{right:0;background:linear-gradient(270deg,rgba(35,31,27,.9),rgba(49,44,39,.28),transparent)}.bb-gift-roulette__reel-window.is-stopped{animation:bbGiftReelStop .44s ease-out both}.bb-gift-roulette__reel-track{display:flex;width:max-content;min-width:100%;gap:var(--bb-reel-gap);padding:8px calc(50% - (var(--bb-reel-card-width) / 2));backface-visibility:hidden;transform:translateZ(0);transform-origin:left center;will-change:transform}.bb-gift-roulette__reel-card{position:relative;display:block;width:var(--bb-reel-card-width);height:var(--bb-reel-card-height);flex:0 0 var(--bb-reel-card-width);min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:linear-gradient(145deg,#eee7dd,#cdbda9);box-shadow:0 7px 17px #120f0d38,0 1px #ffffff7a inset;transform:translateZ(0) scale(.96);transition:border-color .26s ease,box-shadow .26s ease,transform .26s ease}.bb-gift-roulette__reel-card.is-selected{border-color:#eed09bfa;box-shadow:0 9px 22px #110e0c47,0 0 0 2px #b9966061;transform:translateZ(0) scale(1)}.bb-gift-roulette__reel-card-media{position:absolute;display:grid;top:0;right:0;bottom:0;left:0;place-items:center;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.94),transparent 36%),linear-gradient(145deg,#eee4d7,#cfbba3);color:var(--bb-gift-ink);font-size:28px}.bb-gift-roulette__reel-card-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.025);transition:filter .26s ease,transform .52s ease}.bb-gift-roulette.is-spinning .bb-gift-roulette__reel-track.is-moving .bb-gift-roulette__reel-card-media img{filter:saturate(.78) contrast(.96) blur(.45px);transform:scale(1.06)}.bb-gift-roulette__reel-card-title{position:absolute;z-index:2;right:0;bottom:0;left:0;display:-webkit-box;min-height:3.4em;padding:20px 7px 7px;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(25,22,19,.86));color:#fffdf8;font-size:10px;font-weight:520;letter-spacing:.01em;line-height:1.18;text-align:center;text-shadow:0 1px 5px rgba(0,0,0,.36);-webkit-box-orient:vertical;-webkit-line-clamp:2}.bb-gift-roulette__selector{position:absolute;z-index:5;top:4px;bottom:4px;left:50%;width:calc(var(--bb-reel-card-width) + 8px);border:1px solid rgba(238,208,155,.92);border-radius:11px;box-shadow:0 0 0 1px #342a1fb8,0 0 24px #c4a16a33,0 0 0 999px #16131114;transform:translate(-50%);pointer-events:none}.bb-gift-roulette__selector:before,.bb-gift-roulette__selector:after{position:absolute;left:50%;width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent;content:"";transform:translate(-50%)}.bb-gift-roulette__selector:before{top:-1px;border-top:7px solid #e8c98f}.bb-gift-roulette__selector:after{bottom:-1px;border-bottom:7px solid #e8c98f}.bb-gift-roulette__selector i{position:absolute;top:10px;bottom:10px;left:50%;width:1px;opacity:.28;background:#f2d49d;transform:translate(-50%)}.bb-gift-roulette__machine.is-matched{animation:bbGiftMachineMatch .78s cubic-bezier(.18,.8,.2,1) both}.bb-gift-roulette__controls{display:grid;justify-items:center;gap:6px;text-align:center}.bb-gift-roulette__spin{display:inline-flex;width:min(270px,100%);min-height:43px;align-items:center;justify-content:center;padding:10px 20px;border:1px solid var(--bb-gift-night);border-radius:999px;background:var(--bb-gift-night);box-shadow:0 8px 18px #2a231d21;color:#fff;font-family:var(--font-heading--family, Cormorant, serif);font-size:17px;font-style:normal;font-weight:500;letter-spacing:.012em;line-height:1;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.bb-gift-roulette__spin:hover{background:#443c34;box-shadow:0 11px 22px #2a231d2e;transform:translateY(-1px)}.bb-gift-roulette__spin:disabled{cursor:wait;opacity:.72;transform:none}.bb-gift-roulette__spin:focus-visible,.bb-gift-roulette__reset:focus-visible{outline:3px solid rgba(196,161,106,.58);outline-offset:3px}.bb-gift-roulette__guarantee,.bb-gift-roulette__confirmation{margin:0;color:var(--bb-gift-ink-soft);font-size:11px;font-weight:420;line-height:1.35}.bb-gift-roulette__confirmation{color:#5e4b32;font-size:12px;font-weight:650;animation:bbGiftConfirmationIn .36s ease both}.bb-gift-roulette.is-confirming .bb-gift-roulette__spin,.bb-gift-roulette.is-confirming .bb-gift-roulette__guarantee{display:none}.bb-gift-roulette.is-attention .bb-gift-roulette__stage{animation:bbGiftAttention .76s cubic-bezier(.2,.8,.2,1) both}.bb-gift-roulette__result{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:14px;min-width:0;animation:bbGiftResultIn .48s cubic-bezier(.2,.82,.2,1) both}.bb-gift-roulette__result-copy{min-width:0}.bb-gift-roulette__result h2{font-size:23px}.bb-gift-roulette__result p:not(.bb-gift-roulette__eyebrow){margin:6px 0 0;color:var(--bb-gift-ink-soft);font-size:12px;line-height:1.4}.bb-gift-roulette__result-media{display:flex;width:88px;height:94px;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(196,161,106,.28);border-radius:12px;background:linear-gradient(145deg,#eee4d7,#d4c0a8);color:var(--bb-gift-ink);font-size:28px}.bb-gift-roulette__result-media img{width:100%;height:100%;object-fit:cover}.bb-gift-roulette__result-media>span{display:grid;width:100%;height:100%;place-items:center}.bb-gift-roulette__voucher-ticket{position:relative;display:grid;width:min(88%,96px);aspect-ratio:1.68;place-items:center;overflow:hidden;border:1px solid rgba(83,60,34,.34);border-radius:8px;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.5) 42%,transparent 64%),linear-gradient(145deg,#f6ead6,#d5b77e);box-shadow:0 7px 15px #46311c2e;color:#4d3824;transform:rotate(-2deg)}.bb-gift-roulette__voucher-ticket:before,.bb-gift-roulette__voucher-ticket:after{position:absolute;top:50%;width:12px;aspect-ratio:1;border-radius:999px;background:#dfc79f;content:"";transform:translateY(-50%)}.bb-gift-roulette__voucher-ticket:before{left:-7px}.bb-gift-roulette__voucher-ticket:after{right:-7px}.bb-gift-roulette__voucher-ticket i,.bb-gift-roulette__voucher-ticket b{position:absolute;top:6px;bottom:6px;width:1px;border-left:1px dashed rgba(78,54,29,.27)}.bb-gift-roulette__voucher-ticket i{left:12px}.bb-gift-roulette__voucher-ticket b{right:12px}.bb-gift-roulette__voucher-ticket strong{padding:0 15px;font-family:var(--font-heading--family, Cormorant, serif);font-size:19px;font-weight:650;letter-spacing:-.025em;line-height:1;white-space:nowrap}.bb-gift-roulette__reset{margin-top:7px;padding:5px 0;border:0;background:transparent;color:var(--bb-gift-ink-soft);font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.bb-gift-roulette__preview-note,.bb-gift-roulette__error{margin:9px 0 0;color:#2f2a2494;font-size:10px;line-height:1.38;text-align:center}.bb-gift-roulette__error{color:#8b2f26;font-size:11px;font-weight:600}.bb-gift-roulette__live{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bb-gift-roulette__confetti{position:absolute;z-index:8;top:-12px;right:-12px;bottom:-12px;left:-12px;overflow:hidden;border-radius:22px;pointer-events:none}.bb-gift-roulette__confetti-piece{position:absolute;top:-18px;left:var(--bb-confetti-x);display:block;width:7px;height:13px;border-radius:2px;opacity:0;background:var(--bb-confetti-color);transform:translate3d(0,-20px,0) rotate(0) scale(var(--bb-confetti-scale));transform-origin:center}.bb-gift-roulette__confetti-piece.is-round{width:8px;height:8px;border-radius:999px}.bb-gift-roulette__confetti-piece.is-diamond{width:9px;height:9px;border-radius:1px}.bb-gift-roulette__confetti.is-active .bb-gift-roulette__confetti-piece{animation:bbGiftConfettiFall var(--bb-confetti-duration) cubic-bezier(.16,.72,.31,1) var(--bb-confetti-delay) both}.bb-cart-drawer__gift-badge{display:inline-flex;min-height:28px;align-items:center;padding:5px 10px;border-radius:999px;background:#efe4d4;color:#2f2a24;font-size:11px;font-weight:600}.bb-cart-drawer__item--gift{animation:bbGiftCartLineIn .62s cubic-bezier(.2,.82,.2,1) both}@keyframes bbGiftMachineLight{0%{left:-34%;opacity:0}25%{opacity:.72}68%,to{left:116%;opacity:0}}@keyframes bbGiftConfettiFall{0%{opacity:0;transform:translate3d(0,-20px,0) rotate(0) scale(var(--bb-confetti-scale))}10%{opacity:1}46%{transform:translate3d(var(--bb-confetti-drift-mid),130px,0) rotate(310deg) scale(var(--bb-confetti-scale))}to{opacity:0;transform:translate3d(var(--bb-confetti-drift),310px,0) rotate(var(--bb-confetti-spin)) scale(calc(var(--bb-confetti-scale) * .82))}}@keyframes bbGiftReelStop{0%{filter:brightness(1)}45%{filter:brightness(1.1)}to{filter:brightness(1)}}@keyframes bbGiftMachineMatch{0%{box-shadow:0 14px 30px #201b172e}44%{box-shadow:0 17px 35px #201b1738,0 0 0 3px #c4a16a33,0 0 34px #c4a16a57}to{box-shadow:0 14px 30px #201b172e}}@keyframes bbGiftResultIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bbGiftConfirmationIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes bbGiftAttention{0%,to{transform:translate(0)}24%{transform:translate(-4px)}48%{transform:translate(4px)}72%{transform:translate(-2px)}}@keyframes bbGiftCartLineIn{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@media screen and (max-width:540px){.bb-gift-roulette{margin-right:18px;margin-left:18px}.bb-gift-roulette__stage{padding:14px;border-radius:16px}.bb-gift-roulette__content h2{max-width:240px;font-size:22px}.bb-gift-roulette__machine{--bb-reel-card-width: 94px;--bb-reel-card-height: 104px;--bb-reel-gap: 8px;margin-top:12px}.bb-gift-roulette__reel-card-title{font-size:9.5px}.bb-gift-roulette__spin{min-height:42px;font-size:16px}.bb-gift-roulette__result{grid-template-columns:74px minmax(0,1fr);gap:11px}.bb-gift-roulette__result-media{width:74px;height:82px}.bb-gift-roulette__result h2{font-size:20px}}@media(prefers-reduced-motion:reduce){.bb-gift-roulette *,.bb-gift-roulette *:before,.bb-gift-roulette *:after,.bb-cart-drawer__item--gift{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/blankabric-gift-roulette.css.map */