:host{--yappy-color-aluminium: #d2d6de;--yappy-color-ash: #9fa6b7;--yappy-color-black: #000000;--yappy-color-blue-sky: #1a90e4;--yappy-color-concrete: #6f7583;--yappy-color-crystal: #f9fdff;--yappy-color-cooper: #d86018;--yappy-color-denim: #444c5e;--yappy-color-glacier: #1eb2f5;--yappy-color-logo-blue: #004c97;--yappy-color-new-artic: #e3f3ff;--yappy-color-new-frost: #f4faff;--yappy-color-rubi: #D0021B;--yappy-color-royal: #1677d8;--yappy-color-tangerine: #ff973c;--yappy-color-twister: #5279a1;--yappy-color-white: #ffffff;--gradient-blue-sky: linear-gradient( 180deg, var(--yappy-color-glacier) 0%, var(--yappy-color-blue-sky) 100% );--gradient-orange: linear-gradient( 178deg, var(--yappy-color-tangerine) 0%, var(--yappy-color-cooper) 100% )}.yappy-backdrop{width:100vw;height:100vh;background:var(--yappy-color-black);opacity:.3;z-index:5;position:fixed;inset:0}.yappy-button.ecommerce{height:50px!important;margin:0 auto;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:4px!important;text-align:center;font-family:Nunito Sans,sans-serif;font-size:16px!important;line-height:22.4px!important;font-weight:700!important;cursor:pointer!important}.yappy-button.ecommerce.round-border{border-radius:100px!important}.yappy-button.ecommerce.sky{color:var(--yappy-color-royal)!important;background:var(--yappy-color-new-frost)!important}.yappy-button.ecommerce.sky:hover{background:var(--yappy-color-crystal)!important}.yappy-button.ecommerce.sky:active{background:var(--yappy-color-new-artic)!important}.yappy-button.ecommerce.sky>.spinner{border-color:var(--yappy-color-royal)!important;border-right-color:#cce3f5!important}.yappy-button.ecommerce.light{color:var(--yappy-color-royal)!important;background:var(--yappy-color-white)!important}.yappy-button.ecommerce.light:hover{background:var(--yappy-color-new-frost)!important}.yappy-button.ecommerce.light:active{background:var(--yappy-color-new-artic)!important}.yappy-button.ecommerce.light>.spinner{border-color:var(--yappy-color-royal)!important;border-right-color:#cce3f5!important}.yappy-button.ecommerce.blue{color:var(--yappy-color-white)!important;background:var(--yappy-color-glacier)!important}.yappy-button.ecommerce.blue:hover{background:var(--gradient-blue-sky)!important}.yappy-button.ecommerce.blue:active{background:var(--yappy-color-royal)!important}.yappy-button.ecommerce.blue>.spinner{border-color:var(--yappy-color-glacier)!important;border-right-color:#cce3f5!important}.yappy-button.ecommerce.orange{color:var(--yappy-color-white)!important;background:var(--yappy-color-tangerine)!important}.yappy-button.ecommerce.orange:hover{background:var(--gradient-orange)!important}.yappy-button.ecommerce.orange:active{background:var(--yappy-color-cooper)!important}.yappy-button.ecommerce.orange>.spinner{border-color:var(--yappy-color-cooper)!important;border-right-color:#fff5eb!important}.yappy-button.ecommerce.darkBlue{color:var(--yappy-color-white)!important;background:var(--yappy-color-royal)!important}.yappy-button.ecommerce.darkBlue:hover{background:var(--yappy-color-logo-blue)!important}.yappy-button.ecommerce.darkBlue:active{background:var(--yappy-color-twister)!important}.yappy-button.ecommerce.darkBlue>.spinner{border-color:var(--yappy-color-glacier)!important;border-right-color:#cce3f5!important}.yappy-button.ecommerce.dark{color:var(--yappy-color-white)!important;background:var(--yappy-color-denim)!important}.yappy-button.ecommerce.dark:hover{background:var(--yappy-color-ash)!important}.yappy-button.ecommerce.dark:active{background:var(--yappy-color-concrete)!important}.yappy-button.ecommerce.dark>.spinner{border-color:var(--yappy-color-aluminium)!important;border-right-color:var(--yappy-color-white)!important}.yappy-button.ecommerce .text-button{margin-right:8px}.yappy-button.ecommerce .icon-button{width:96px!important;height:24px!important}.disable-btn{opacity:.4!important;pointer-events:none!important}.unavailable-label{margin:5px auto;display:table;font-family:Nunito Sans,sans-serif;font-size:16px!important;line-height:28px!important;font-weight:400!important;color:var(--yappy-color-rubi)}@media only screen and (max-width: 823px){.yappy-button.ecommerce{padding:28px 16px!important}}.spinner{width:24px;height:24px;border-radius:50%;border:5px solid;animation:spinnerAnimation 1s infinite linear}@keyframes spinnerAnimation{to{transform:rotate(1turn)}}:host{--yappy-color-concrete: #6f7583;--yappy-color-denim: #444c5e}.countdown-container{margin:40px;text-align:center;font-family:Nunito Sans,sans-serif;font-size:18px;font-weight:600;line-height:25.2px;color:var(--yappy-color-denim)}@media screen and (max-width: 414px){.countdown-container{margin:24px}}.countdown-container .title-text{margin:0 0 24px;font-size:28px;font-weight:700;line-height:140%;color:var(--yappy-color-denim)}.countdown-container .subtitle-text{max-width:420px;margin:auto}.countdown-container .timer-container{margin:32px 0;display:flex;justify-content:center}@media screen and (max-width: 414px){.countdown-container .timer-container{margin:24px}}.countdown-container .detail-text{max-width:320px;margin:auto;color:var(--yappy-color-concrete)}@media screen and (max-width: 414px){.countdown-container .title-text{font-size:20px}.countdown-container .subtitle-text,.countdown-container .detail-text{font-size:16px}}:host{--yappy-color-concrete: #6f7583;--yappy-color-crystal: #f9fdff;--yappy-color-denim: #444c5e;--yappy-color-white: #ffffff}dialog{width:min(90%,580px);padding:0;border-radius:16px;border:none;visibility:hidden;background:var(--yappy-color-crystal);box-shadow:0 16px 48px #00275a33;position:fixed;inset:0;z-index:10;transition:visibility 1s linear 1s,opacity 1s linear}dialog[open]{visibility:visible;transition-delay:0s}dialog .dialog-container{padding:40px;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 414px){dialog .dialog-container{padding:24px}}dialog .dialog-container .close-section{display:flex;align-items:center;margin-bottom:8px}dialog .dialog-container .close-section .close-icon{width:24px;height:24px;position:absolute;top:24px;right:24px;fill:var(--yappy-color-denim);cursor:pointer}dialog .dialog-container .logo-container{margin:0 0 32px;width:192px;height:48px}@media screen and (max-width: 414px){dialog .dialog-container .logo-container{margin-bottom:24px}}dialog .dialog-container .content-container{width:100%;border-radius:16px;background:var(--yappy-color-white);box-shadow:0 2px 8px #00275a1a}dialog .dialog-container .content-footer{margin:32px 0 0;text-align:center;font-family:Nunito Sans,sans-serif;font-size:16px;font-weight:400;line-height:22.4px;color:var(--yappy-color-concrete)}@media screen and (max-width: 414px){dialog .dialog-container .content-footer{font-size:14px;margin-top:24px}}:host{--yappy-color-cherry: #ff5959;--yappy-color-concrete: #6f7583;--yappy-color-emerald: #009950;--yappy-color-denim: #444c5e;--yappy-color-royal-dark: #003882;--yappy-color-tangerine: #ff973c}.empty-state-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px;white-space:pre-line;font-family:Nunito Sans,sans-serif}.empty-state-container .text{font-size:28px;font-weight:700;line-height:140%;color:var(--yappy-color-denim)}@media screen and (max-width: 414px){.empty-state-container .text{font-size:20px}}.empty-state-container .image{margin:32px 0 16px;height:96px}.empty-state-container .image.error{fill:var(--yappy-color-cherry)}.empty-state-container .image.warning{fill:var(--yappy-color-tangerine)}.empty-state-container .image.success{fill:var(--yappy-color-emerald)}.empty-state-container .shadow{width:116px;height:7.25px;margin:0 0 32px;border-radius:80%;opacity:.2;background:linear-gradient(90deg,rgba(0,56,130,0) 0%,var(--yappy-color-royal-dark) 51.04%,rgba(0,56,130,0) 100%);filter:blur(3.625px)}.empty-state-container .detail{max-width:320px;margin:auto;font-size:18px;font-weight:600;line-height:25.2px;color:var(--yappy-color-concrete)}:host{--yappy-color-concrete: #6f7583;--yappy-color-orange: #ff7900;--yappy-color-ruby: #d0021b;--yappy-color-jade: #017d42}.time-display{display:flex;align-items:center;gap:4px;color:var(--yappy-color-jade)}.time-display.text-red{color:var(--yappy-color-ruby)}.time-display.text-orange{color:var(--yappy-color-orange)}.time-display.text-green{color:var(--yappy-color-jade)}.time-display svg-icon{width:40px;height:40px;fill:currentColor}.time-display .timer-container{text-align:center;font-family:Nunito Sans,sans-serif;font-size:48px;font-weight:700;line-height:67.2px;color:currentColor}