@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Sofia+Sans+Condensed:wght@700&display=swap";.bf-lucky-draw{color-scheme:dark;font-family:Poppins,Arial,sans-serif;background:#000;color:#fff}.bf-lucky-draw *{box-sizing:border-box}.bf-lucky-draw button,.bf-lucky-draw input{font:inherit}.bf-lucky-draw button{cursor:pointer}.bf-lucky-draw button:focus-visible,.bf-lucky-draw a:focus-visible,.bf-lucky-draw input:focus-visible{outline:3px solid #f8d682;outline-offset:5px}.bf-lucky-draw .bf-main{display:block;padding:40px clamp(32px,12.5vw,240px)}.bf-lucky-draw .banner-shell{width:100%;max-width:1440px;margin:0 auto;position:relative}.bf-lucky-draw .banner{position:absolute;top:0;left:0;width:1440px;height:648.709px;background:#151212;border-radius:50px;overflow:hidden;transform-origin:top left}.bf-lucky-draw .red-band{position:absolute;left:0;right:0;top:443.35px;height:248px;background:linear-gradient(97deg,#e34c4c 3.32%,#711717 96%)}.bf-lucky-draw .intro{position:absolute;left:62px;top:159px}.bf-lucky-draw h1{font-size:64px;line-height:67px;font-weight:600;letter-spacing:-1.8px;margin:0}.bf-lucky-draw .intro p{margin:24px 0 0;font-size:20px;line-height:34.75px;font-weight:400;width:738px}.bf-lucky-draw .dates{position:absolute;left:62px;top:498.116px;display:flex;gap:24px}.bf-lucky-draw .dates img{display:block;flex:none}.bf-lucky-draw .board{position:absolute;left:807px;top:56.867px;width:553px;height:533.921px;background:#000c;border-radius:25px;padding:27.38px 26.5px 29.48px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:14.74px 13.36px}.bf-lucky-draw .tile{position:relative;border-radius:16px;background:#3c3434;transition:box-shadow .08s,filter .08s}.bf-lucky-draw .tile.product{background:#a62020}.bf-lucky-draw .tile img{position:absolute;object-fit:contain}.bf-lucky-draw .tile .security{width:105.91px;height:132.387px;left:26px;top:-25.27px}.bf-lucky-draw .tile .outdoor{width:103.96px;height:129.95px;left:27px;top:-15.8px}.bf-lucky-draw .tile .indoor{width:108.292px;height:108.292px;left:25px;top:2.6px}.bf-lucky-draw .tile .small-gift{width:89.766px;height:66.144px;left:34px;top:26.47px}.bf-lucky-draw .tile span{position:absolute;top:106.8px;left:0;right:0;max-width:112px;margin:0 auto;font-size:14px;font-weight:600;line-height:16px;text-align:center;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.bf-lucky-draw .tile.active{box-shadow:0 0 0 6px #ffe57c,0 0 34px #ffcf6680;filter:brightness(1.3);z-index:2}.bf-lucky-draw .draw{position:relative;border:0;padding:0;background:transparent;color:#fff;border-radius:16px;overflow:hidden;isolation:isolate}.bf-lucky-draw .main-gift{position:absolute;width:214.418px;height:214.418px;top:21.765px;left:-28.344px;object-fit:contain}.bf-lucky-draw .draw-label{position:absolute;left:14.4px;top:5.26px;border-radius:60px;background:#a62020;font-size:14px;font-weight:800;line-height:32.646px;width:121px;text-align:center;color:#fff5e6}.bf-lucky-draw .cursor{position:absolute;width:26.435px;height:24.86px;top:12.96px;left:121px}.bf-lucky-draw .draw:hover{filter:brightness(1.18)}.bf-lucky-draw .draw:disabled{cursor:wait}.bf-lucky-draw .status{height:auto;min-height:28px;font-size:14px;line-height:1.5;color:#f5d8b1;text-align:center;margin:24px 0 0}.bf-lucky-draw .preview-note{color:#737070;font-size:11px;text-align:center;margin:4px 0 0}.bf-lucky-draw dialog{border:0;padding:0;overflow:visible;max-width:calc(100vw - 32px);max-height:calc(100svh - 40px)}.bf-lucky-draw dialog::backdrop{background:#000000e0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bf-lucky-draw .close{position:absolute;right:12px;top:8px;background:transparent;border:0;color:inherit;font-size:27px;line-height:30px;width:32px;height:32px;z-index:10}.bf-lucky-draw .email-dialog{width:1080px;border-radius:29px;background:linear-gradient(#fff,#ffeed5 118%);color:#88878d;padding:33px 41px 27px;color-scheme:light}.bf-lucky-draw .email-close{top:-40px;right:0;color:#fff}.bf-lucky-draw .email-row{display:flex;gap:22px;margin-bottom:33px}.bf-lucky-draw .email-row input{min-width:0;flex:1;background:transparent;border:1.5px solid #a4a3a7;border-radius:7px;height:59px;padding:0 17px;color:#262323;font-size:21px}.bf-lucky-draw .email-row input::placeholder{color:#88878d}.bf-lucky-draw .enter{border:0;border-radius:50px;background:#000;color:#fff;white-space:nowrap;padding:0 20px;font-size:21px;font-weight:600}.bf-lucky-draw .check-row{display:flex;align-items:flex-start;gap:16px;margin:0 15px 24px;font-size:21px;line-height:25px}.bf-lucky-draw .check-row:last-of-type{margin-bottom:4px}.bf-lucky-draw .check-row input{-webkit-appearance:none;appearance:none;flex:none;width:31.5px;height:31.5px;background:transparent;border:1.1px solid #aaa5a0;border-radius:1.5px;margin:-3px 0 0;display:grid;place-content:center}.bf-lucky-draw .check-row input:checked{background:#1a1717;border-color:#1a1717}.bf-lucky-draw .check-row input:checked:after{content:"\2713";font-size:24px;color:#fff}.bf-lucky-draw .text-link{background:none;border:0;padding:0;font-size:inherit;color:#000;font-weight:500}.bf-lucky-draw .text-link:hover{text-decoration:underline}.bf-lucky-draw .form-error{font-size:13px;color:#a62020;margin:10px 15px 0}.bf-lucky-draw .form-error:empty{display:none}.bf-lucky-draw .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bf-lucky-draw .result-dialog{width:322.553px;height:450.45px;background:transparent;color:#fff}.bf-lucky-draw .result-close{right:-38px;top:-8px}.bf-lucky-draw .result-card{width:496.235px;height:693px;background:#2b2424;border-radius:35px;position:relative;overflow:hidden;transform:scale(.65);transform-origin:top left}.bf-lucky-draw .result-band{position:absolute;left:0;right:0;top:0;height:200.375px;background:linear-gradient(92deg,#e34c4c 3.32%,#711717 96%)}.bf-lucky-draw .result-card h2{position:absolute;top:30px;left:25px;right:25px;text-align:center;font-size:64px;line-height:67px;margin:0;font-weight:800;letter-spacing:-1.5px}.bf-lucky-draw .congrats{position:absolute;left:0;right:0;top:95px;text-align:center;font-size:32px;line-height:48px;margin:0;font-weight:500}.bf-lucky-draw .result-product{position:absolute;left:123px;top:95px;width:264px;height:329px;object-fit:contain}.bf-lucky-draw .result-product.security{left:109px;top:77px;width:276px;height:345px}.bf-lucky-draw .result-product.indoor{left:118px;top:143px;width:262px;height:262px}.bf-lucky-draw .confetti{position:absolute;left:11px;top:106px;width:447px;height:298px;pointer-events:none}.bf-lucky-draw .product-name{position:absolute;left:50px;right:50px;top:398px;font-size:24px;font-weight:600;line-height:31px;text-align:center;margin:0}.bf-lucky-draw .valid{position:absolute;left:0;right:0;top:440px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px;line-height:26px;margin:0}.bf-lucky-draw .code{position:absolute;left:37px;top:494px;width:423.961px;height:51.652px;border:2px dashed #fefaef;border-radius:6px;text-align:center;font-family:Sofia Sans Condensed,monospace;font-weight:700;font-size:40px;line-height:48px;letter-spacing:16px;padding-left:16px;-webkit-user-select:all;user-select:all}.bf-lucky-draw .copy{position:absolute;left:131px;top:562px;width:234.809px;height:42.183px;background:#d74747;border:0;border-radius:30px;color:#000;display:flex;align-items:center;justify-content:center;gap:3px;font-size:20px;font-weight:600}.bf-lucky-draw .claim{position:absolute;left:29px;top:620px;width:439.197px;font-size:13px;line-height:17px;color:#ffffff80;margin:0}.bf-lucky-draw .cart,.bf-lucky-draw .tomorrow,.bf-lucky-draw .continue{display:none}.bf-lucky-draw .lose .result-band{top:454px;height:265px}.bf-lucky-draw .lose h2{top:74px;font-size:60px}.bf-lucky-draw .result-card.is-daily-limit h2{top:74px;font-size:32px;line-height:1.25}.bf-lucky-draw .result-card.is-daily-limit .tomorrow{top:490px;font-size:15px;line-height:22px;color:#f5d8b1}.bf-lucky-draw .lose .congrats,.bf-lucky-draw .lose .result-product,.bf-lucky-draw .lose .confetti,.bf-lucky-draw .lose .product-name,.bf-lucky-draw .lose .valid,.bf-lucky-draw .lose .code,.bf-lucky-draw .lose .copy,.bf-lucky-draw .lose .claim{display:none}.bf-lucky-draw .lose .cart{display:block;position:absolute;left:-10px;top:132px;width:485px;height:401px;object-fit:contain}.bf-lucky-draw .lose .tomorrow{display:block;position:absolute;left:0;right:0;top:506px;margin:0;text-align:center;font-size:36px;font-weight:700;line-height:54px}.bf-lucky-draw .lose .continue{display:block;position:absolute;left:121px;top:571px;width:256px;height:42px;border:0;border-radius:30px;background:#000;color:#fff;font-size:20px;font-weight:600;text-align:center}.bf-lucky-draw .policy-dialog{width:480px;background:#fff5e6;color:#262323;padding:30px;border-radius:20px;overflow:auto}.bf-lucky-draw .policy-dialog h2{font-size:22px;margin:0 0 15px}.bf-lucky-draw .policy-dialog p{font-size:14px;line-height:1.8}.bf-lucky-draw .policy-done{background:#000;color:#fff;border:0;border-radius:30px;padding:10px 24px}@media(max-width:700px){.bf-lucky-draw .bf-main{padding:24px 16px}.bf-lucky-draw .banner{width:375px;height:646px;border-radius:25px}.bf-lucky-draw .intro{left:24px;top:32px;right:24px}.bf-lucky-draw h1{font-size:28px;line-height:33px;letter-spacing:-.8px}.bf-lucky-draw .intro p{font-size:12px;line-height:19px;width:auto;margin-top:16px}.bf-lucky-draw .desktop-break{display:none}.bf-lucky-draw .board{left:29px;top:225px;transform:scale(.574);transform-origin:top left}.bf-lucky-draw .red-band{top:511px;height:140px}.bf-lucky-draw .dates{left:24px;top:563px;gap:20px;transform:scale(.553);transform-origin:top left}.bf-lucky-draw .status{font-size:12px;height:auto;min-height:24px;margin-top:16px;max-width:340px}.bf-lucky-draw .preview-note{font-size:9px}.bf-lucky-draw .email-dialog{padding:25px 20px 22px;border-radius:20px}.bf-lucky-draw .email-row{flex-direction:column;gap:12px;margin-bottom:26px}.bf-lucky-draw .email-row input{height:48px;flex:auto;font-size:16px}.bf-lucky-draw .enter{height:45px;font-size:15px;text-align:center}.bf-lucky-draw .check-row{font-size:12px;line-height:20px;gap:10px;margin:0 0 19px}.bf-lucky-draw .check-row input{width:20px;height:20px;margin:0}.bf-lucky-draw .check-row input:checked:after{font-size:17px}.bf-lucky-draw .result-close{right:0;top:-40px}.bf-lucky-draw .form-error{margin-left:0}.bf-lucky-draw .policy-dialog{padding:25px}.bf-lucky-draw .preview-note{max-width:300px}}@media(prefers-reduced-motion:reduce){.bf-lucky-draw *{scroll-behavior:auto!important;transition:none!important}}.bf-lucky-draw{display:block;width:100%;isolation:isolate;text-align:left}.bf-lucky-draw img{max-width:none}.bf-lucky-draw button,.bf-lucky-draw input{letter-spacing:normal;text-transform:none;min-width:0;min-height:0}.bf-lucky-draw dialog{font-family:Poppins,Arial,sans-serif}
/*# sourceMappingURL=/cdn/shop/t/114/assets/bf-lucky-draw.css.map */