:root{--small-desktop-font-size:14px;--small-desktop-card-height:26px;--small-desktop-card-width:38px;--small-desktop-label-size:7px;--small-desktop-container-gap:6px;--small-tablet-font-size:12px;--small-tablet-card-height:22px;--small-tablet-card-width:34px;--small-tablet-label-size:6px;--small-tablet-container-gap:4px;--small-mobile-font-size:10px;--small-mobile-card-height:18px;--small-mobile-card-width:28px;--small-mobile-label-size:5px;--small-mobile-container-gap:3px;--normal-desktop-font-size:24px;--normal-desktop-card-height:40px;--normal-desktop-card-width:60px;--normal-desktop-label-size:11px;--normal-desktop-container-gap:12px;--normal-tablet-font-size:20px;--normal-tablet-card-height:36px;--normal-tablet-card-width:54px;--normal-tablet-label-size:10px;--normal-tablet-container-gap:10px;--normal-mobile-font-size:16px;--normal-mobile-card-height:30px;--normal-mobile-card-width:45px;--normal-mobile-label-size:8px;--normal-mobile-container-gap:6px;--large-desktop-font-size:32px;--large-desktop-card-height:56px;--large-desktop-card-width:84px;--large-desktop-label-size:14px;--large-desktop-container-gap:16px;--large-tablet-font-size:28px;--large-tablet-card-height:48px;--large-tablet-card-width:72px;--large-tablet-label-size:12px;--large-tablet-container-gap:14px;--large-mobile-font-size:20px;--large-mobile-card-height:36px;--large-mobile-card-width:54px;--large-mobile-label-size:10px;--large-mobile-container-gap:8px}.countdown-component{display:flex;flex-direction:column;align-items:flex-end;font-family:Poppins,sans-serif;width:100%}.countdown-component.mobile{align-items:center;gap:8px;padding:12px 8px;max-width:100%}.timer-label{font-weight:500;color:var(--lb-palette-grey-500,var(--lb-slate-400));text-align:right;margin-bottom:2px;align-self:flex-end;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.countdown-component.mobile .timer-label{text-align:center;align-self:center;margin-bottom:4px;letter-spacing:.3px}.cards-container{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:100%;overflow-x:auto;padding:0}.countdown-component.mobile .cards-container{justify-content:center;padding:4px 0}.flip-card-container{display:flex;flex-direction:column;align-items:center;gap:8px}.countdown-component.mobile .flip-card-container{gap:4px;min-width:auto}.flip-card{position:relative;display:flex;flex-direction:column;perspective:200px;gap:0;width:100%}.card-bottom,.card-flip-bottom,.card-flip-top,.card-top{background-image:url(/images/promo/timer-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;color:var(--lb-palette-common-white,var(--lb-color-white));font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px color-mix(in srgb,var(--lb-palette-common-black,var(--lb-color-black)) 30%,#0000);overflow:hidden;font-family:Poppins,sans-serif;position:relative;line-height:1;transition:all .2s ease}.card-flip-top,.card-top{border-bottom:.5px solid var(--lb-palette-divider,var(--lb-slate-800));border-radius:4px 4px 0 0}.card-bottom,.card-flip-bottom{border-radius:0 0 4px 4px;box-shadow:0 -1px 3px color-mix(in srgb,var(--lb-palette-common-black,var(--lb-color-black)) 30%,#0000) inset}.card-flip-top span,.card-top span{top:0}.card-bottom span,.card-flip-bottom span,.card-flip-top span,.card-top span{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:100%;text-shadow:0 1px 2px color-mix(in srgb,var(--lb-palette-common-black,var(--lb-color-black)) 70%,#0000)}.card-bottom span,.card-flip-bottom span{bottom:0}.card-flip-top{position:absolute;top:0;transform-origin:bottom;animation:flip-top .3s ease-in-out forwards;z-index:2}.card-flip-bottom{position:absolute;bottom:0;transform-origin:top;transform:rotateX(-90deg);animation:flip-bottom .3s ease-in-out .15s forwards;z-index:1}@keyframes flip-top{0%{transform:rotateX(0deg)}to{transform:rotateX(90deg)}}@keyframes flip-bottom{0%{transform:rotateX(-90deg)}to{transform:rotateX(0deg)}}.card-label{color:var(--lb-palette-grey-500,var(--lb-slate-400));font-weight:500;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-top:3px;font-family:Poppins,sans-serif;white-space:nowrap}.countdown-component.mobile .card-label{margin-top:2px;letter-spacing:.5px}.countdown-component.small .timer-label{font-size:var(--small-desktop-label-size);margin-bottom:1px}.countdown-component.small .cards-container{gap:var(--small-desktop-container-gap)}.countdown-component.small .flip-card-container{min-width:var(--small-desktop-card-width);gap:4px}.countdown-component.small .card-bottom,.countdown-component.small .card-flip-bottom,.countdown-component.small .card-flip-top,.countdown-component.small .card-top{font-size:var(--small-desktop-font-size);width:var(--small-desktop-card-width)}.countdown-component.small .card-flip-top,.countdown-component.small .card-top{height:calc(var(--small-desktop-card-height) * 6 / 11)}.countdown-component.small .card-bottom,.countdown-component.small .card-flip-bottom{height:calc(var(--small-desktop-card-height) * 5 / 11)}.countdown-component.small .card-bottom span,.countdown-component.small .card-flip-bottom span,.countdown-component.small .card-flip-top span,.countdown-component.small .card-top span{height:var(--small-desktop-card-height)}.countdown-component.small .card-label{font-size:var(--small-desktop-label-size)}.countdown-component.normal .timer-label{font-size:var(--normal-desktop-label-size)}.countdown-component.normal .cards-container{gap:var(--normal-desktop-container-gap)}.countdown-component.normal .flip-card-container{min-width:var(--normal-desktop-card-width)}.countdown-component.normal .card-bottom,.countdown-component.normal .card-flip-bottom,.countdown-component.normal .card-flip-top,.countdown-component.normal .card-top{font-size:var(--normal-desktop-font-size);width:var(--normal-desktop-card-width)}.countdown-component.normal .card-flip-top,.countdown-component.normal .card-top{height:calc(var(--normal-desktop-card-height) * 6 / 11)}.countdown-component.normal .card-bottom,.countdown-component.normal .card-flip-bottom{height:calc(var(--normal-desktop-card-height) * 5 / 11)}.countdown-component.normal .card-bottom span,.countdown-component.normal .card-flip-bottom span,.countdown-component.normal .card-flip-top span,.countdown-component.normal .card-top span{height:var(--normal-desktop-card-height)}.countdown-component.normal .card-label{font-size:var(--normal-desktop-label-size)}.countdown-component.large{gap:8px;padding:12px}.countdown-component.large .timer-label{font-size:var(--large-desktop-label-size);margin-bottom:4px}.countdown-component.large .cards-container{gap:var(--large-desktop-container-gap)}.countdown-component.large .flip-card-container{min-width:var(--large-desktop-card-width)}.countdown-component.large .card-bottom,.countdown-component.large .card-flip-bottom,.countdown-component.large .card-flip-top,.countdown-component.large .card-top{font-size:var(--large-desktop-font-size);width:var(--large-desktop-card-width)}.countdown-component.large .card-flip-top,.countdown-component.large .card-top{height:calc(var(--large-desktop-card-height) * 6 / 11)}.countdown-component.large .card-bottom,.countdown-component.large .card-flip-bottom{height:calc(var(--large-desktop-card-height) * 5 / 11)}.countdown-component.large .card-bottom span,.countdown-component.large .card-flip-bottom span,.countdown-component.large .card-flip-top span,.countdown-component.large .card-top span{height:var(--large-desktop-card-height)}.countdown-component.large .card-label{font-size:var(--large-desktop-label-size)}.countdown-complete{display:flex;align-items:center;justify-content:center;padding:20px}.countdown-component.mobile .countdown-complete{padding:12px}.complete-message{font-size:24px;font-weight:700;color:var(--lb-palette-success-main,var(--lb-success));text-align:center;font-family:Poppins,sans-serif;display:flex;align-items:center;gap:8px}.countdown-component.mobile .complete-message{font-size:18px;gap:6px}.complete-message .emoji{font-size:28px;animation:bounce 1s ease-in-out infinite alternate}.countdown-component.mobile .complete-message .emoji{font-size:20px}.complete-message .text{white-space:nowrap}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@media screen and (max-width:900px){.countdown-component{align-items:center!important;gap:6px;padding:8px 4px}.timer-label{text-align:center!important;align-self:center!important;margin-bottom:3px;letter-spacing:.3px!important}.cards-container{justify-content:center!important;padding:2px 0}.flip-card-container{gap:3px!important;min-width:auto!important}.card-bottom,.card-flip-bottom,.card-flip-top,.card-top{font-size:10px!important;width:26px!important}.card-flip-top,.card-top{height:calc(18px * 6 / 11)!important}.card-bottom,.card-flip-bottom{height:calc(18px * 5 / 11)!important}.card-bottom span,.card-flip-bottom span,.card-flip-top span,.card-top span{height:18px!important}.card-label{font-size:5px!important;letter-spacing:.2px!important}.cards-container{gap:3px!important}.complete-message{font-size:16px!important}.complete-message .emoji{font-size:18px!important}.countdown-component{align-items:center;gap:7px;padding:10px 6px}.timer-label{text-align:center;align-self:center}.cards-container{justify-content:center}.countdown-component.small .timer-label{font-size:var(--small-tablet-label-size)}.countdown-component.small .cards-container{gap:var(--small-tablet-container-gap)}.countdown-component.small .flip-card-container{min-width:var(--small-tablet-card-width)}.countdown-component.small .card-bottom,.countdown-component.small .card-flip-bottom,.countdown-component.small .card-flip-top,.countdown-component.small .card-top{font-size:var(--small-tablet-font-size);width:var(--small-tablet-card-width)}.countdown-component.small .card-flip-top,.countdown-component.small .card-top{height:calc(var(--small-tablet-card-height) * 6 / 11)}.countdown-component.small .card-bottom,.countdown-component.small .card-flip-bottom{height:calc(var(--small-tablet-card-height) * 5 / 11)}.countdown-component.small .card-bottom span,.countdown-component.small .card-flip-bottom span,.countdown-component.small .card-flip-top span,.countdown-component.small .card-top span{height:var(--small-tablet-card-height)}.countdown-component.small .card-label{font-size:var(--small-tablet-label-size)}.countdown-component.normal .timer-label{font-size:var(--normal-tablet-label-size)}.countdown-component.normal .cards-container{gap:var(--normal-tablet-container-gap)}.countdown-component.normal .flip-card-container{min-width:var(--normal-tablet-card-width)}.countdown-component.normal .card-bottom,.countdown-component.normal .card-flip-bottom,.countdown-component.normal .card-flip-top,.countdown-component.normal .card-top{font-size:var(--normal-tablet-font-size);width:var(--normal-tablet-card-width)}.countdown-component.normal .card-flip-top,.countdown-component.normal .card-top{height:calc(var(--normal-tablet-card-height) * 6 / 11)}.countdown-component.normal .card-bottom,.countdown-component.normal .card-flip-bottom{height:calc(var(--normal-tablet-card-height) * 5 / 11)}.countdown-component.normal .card-bottom span,.countdown-component.normal .card-flip-bottom span,.countdown-component.normal .card-flip-top span,.countdown-component.normal .card-top span{height:var(--normal-tablet-card-height)}.countdown-component.normal .card-label{font-size:var(--normal-tablet-label-size)}.countdown-component.large .timer-label{font-size:var(--large-tablet-label-size)}.countdown-component.large .cards-container{gap:var(--large-tablet-container-gap)}.countdown-component.large .flip-card-container{min-width:var(--large-tablet-card-width)}.countdown-component.large .card-bottom,.countdown-component.large .card-flip-bottom,.countdown-component.large .card-flip-top,.countdown-component.large .card-top{font-size:var(--large-tablet-font-size);width:var(--large-tablet-card-width)}.countdown-component.large .card-flip-top,.countdown-component.large .card-top{height:calc(var(--large-tablet-card-height) * 6 / 11)}.countdown-component.large .card-bottom,.countdown-component.large .card-flip-bottom{height:calc(var(--large-tablet-card-height) * 5 / 11)}.countdown-component.large .card-bottom span,.countdown-component.large .card-flip-bottom span,.countdown-component.large .card-flip-top span,.countdown-component.large .card-top span{height:var(--large-tablet-card-height)}.countdown-component.large .card-label{font-size:var(--large-tablet-label-size)}}@media screen and (min-width:901px) and (max-width:1023px){.countdown-component{align-items:flex-end}.timer-label{text-align:right;align-self:flex-end}.cards-container{justify-content:flex-end}}@media screen and (min-width:1024px) and (max-width:1439px){.countdown-component.large{gap:10px;padding:16px}.countdown-component.large .timer-label{margin-bottom:6px}.countdown-component.large .cards-container{gap:calc(var(--large-desktop-container-gap) * 1.2)}}@media (prefers-reduced-motion:reduce){.cards-container{overflow-x:visible}.countdown-component{gap:8px}.card-flip-bottom,.card-flip-top,.complete-message .emoji{animation:none}}@media (prefers-contrast:high){.timer-label{font-weight:600}.card-label,.timer-label{color:var(--lb-palette-common-black,var(--lb-color-black))!important}}@media print{.countdown-component{display:none}}