@media screen and (max-width: 576.5px){.widget-bonus-campaign-list .nav-tabs .nav-item,.widget-bonus-customer .nav-tabs .nav-item{width:100%}.widget-bonus-campaign-list .nav-tabs .nav-item .nav-link,.widget-bonus-customer .nav-tabs .nav-item .nav-link{width:100%}.widget-bonus-campaign-list .nav-tabs .nav-item .nav-link.active,.widget-bonus-customer .nav-tabs .nav-item .nav-link.active{color:#fff;background-color:var(--primary) !important}}@media screen and (min-width: 576px){.widget-bonus-campaign-list .nav-tabs .nav-item .nav-link,.widget-bonus-customer .nav-tabs .nav-item .nav-link{border:none;background-color:#fff !important}.widget-bonus-campaign-list .nav-tabs .nav-item .nav-link.active,.widget-bonus-customer .nav-tabs .nav-item .nav-link.active{font-weight:600}}.widget-bonus-campaign-list .campaign-card img,.widget-bonus-customer .campaign-card img{max-height:250px}.widget-bonus-campaign-list .coupon-field,.widget-bonus-customer .coupon-field{font-size:1.5rem}.widget-bonus-campaign-list .create-coupon-btn,.widget-bonus-customer .create-coupon-btn{cursor:pointer;color:var(--primary);background-color:#fff}.widget-bonus-campaign-list .create-coupon-btn:hover,.widget-bonus-customer .create-coupon-btn:hover{color:#fff;background-color:var(--primary)}.widget-bonus-campaign-list .activity-list,.widget-bonus-customer .activity-list{font-size:90%}.cursor-pointer{cursor:pointer}.a-center i{display:flex;align-self:center}.px-2.py-3.p-sm-3.font-bold:empty{padding:0 !important}.mp-page{background-color:#fff}.mp-container{display:flex;flex-direction:column;padding-top:20px}@media(min-width:768px){.mp-container{padding-top:40px}}.mp-container>div>h1{margin:0;font-size:18px;font-weight:bold}@media(min-width:1200px){.mp-container>div>h1{font-size:36px}}.mp-container>div>h1+p{margin:0;padding-top:10px;font-size:14px;line-height:1.2}@media(min-width:1200px){.mp-container>div>h1+p{font-size:18px}}.mp-tabs{display:flex;flex-wrap:wrap;padding-top:30px}@media(min-width:576px){.mp-tabs{padding-top:40px}}@media(min-width:768px){.mp-tabs{padding-top:50px}}@media(min-width:1200px){.mp-tabs{padding-top:60px}}.mp-tabs>input{position:absolute;visibility:hidden;overflow:hidden;width:0 !important;height:0 !important;margin:0;padding:0;color:#fff;border:0;outline:none;box-shadow:none;font-size:0}.mp-tabs>input:checked+label{color:#fff;background-color:#000}.mp-tabs>input:checked+label+.t{display:block}.mp-tabs>label{order:-1;margin:0 10px 0 0;padding:10px;cursor:pointer;border:1px solid #000;border-radius:5px;font-size:14px;line-height:1}@media(min-width:576px){.mp-tabs>label{display:flex;align-items:center;justify-content:center;height:40px;padding:0 25px;font-size:16px}}@media(min-width:768px){.mp-tabs>label{height:50px;margin-right:20px;font-size:18px}}.mp-tabs>label:last-of-type{margin-right:0}.mp-tabs .t{display:none;width:100%;padding-top:20px}@media(min-width:768px){.mp-tabs .t{padding-top:40px}}.mp-tabs .t .border{font-size:14px}@media(min-width:576px){.mp-tabs .t .border{font-size:16px}}.mp-tabs .t .border.rounded{border-radius:5px !important}.mp-nr__meta{flex-wrap:wrap;padding-top:10px}.mp-nr>.mp-nr__meta>span,.mp-nr>.mp-nr__meta>span:first-child{font-size:14px;font-weight:normal;line-height:1.4}@media(min-width:1200px){.mp-nr>.mp-nr__meta>span,.mp-nr>.mp-nr__meta>span:first-child{font-size:16px}}.mp-nr{position:relative;left:calc(-1*(100vw - 100%)/2);width:100vw;margin-top:25px;margin-bottom:25px;padding-top:15px;padding-bottom:15px;background-color:#f2f2f2;line-height:1}@media(min-width:1200px){.mp-nr{margin-top:60px;margin-bottom:60px;padding-top:27px;padding-bottom:27px}}.mp-nr>div{display:flex;align-items:baseline}.mp-nr>div>span{margin-right:10px}@media(min-width:1200px){.mp-nr>div>span{margin-right:20px}}.mp-nr>div>span:first-child{font-size:24px;font-weight:bold}@media(min-width:768px){.mp-nr>div>span:first-child{font-size:30px}}@media(min-width:1200px){.mp-nr>div>span:first-child{font-size:36px}}.mp-nr>div>span:last-child{margin-right:0;font-size:14px}@media(min-width:1200px){.mp-nr>div>span:last-child{font-size:18px}}@media(min-width:1200px){.ccl-wrapper{position:relative;left:calc(-1*(100vw - 100%)/2);width:100vw}}.ccl{display:grid;font-size:14px;grid-auto-rows:auto;grid-template-columns:1fr;grid-template-rows:auto;gap:20px 10px}@media(min-width:768px){.ccl{grid-template-columns:repeat(2, 1fr);gap:20px 20px}}@media(min-width:1200px){.ccl{grid-template-columns:repeat(3, 1fr)}}.ccl .cc-inner{padding:20px;border:1px solid #dee2e6;border-radius:5px;background-color:#fff}@media(min-width:576px){.ccl .cc-inner{display:flex;flex-direction:column;height:100%}}.ccl .mt-a{display:grid;margin-top:auto;grid-auto-rows:auto;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto;gap:0 10px}.ccl .mt-a>div:nth-child(odd){text-align:right;font-weight:bold}.ccl .mt-a .progress{grid-column:span 2;height:5px;border-radius:2px;background-color:#f0f0f0;font-size:1rem}@media(min-width:768px){.ccl .mt-a .progress{height:10px}}.ccl .mt-a .progress .p-bar{height:100%;border-radius:2px;background-color:#f26666;transition:width .3s ease}.ccl .mt-a .progress .p-bar.green{background-color:#96d322}.ccl .mt-a .community-points{grid-column:span 2;font-size:.85em;color:#6c757d}.ccl .mt-a .buttons{display:grid;padding-top:20px;grid-column:span 2;grid-auto-rows:1fr;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px 10px}.ccl .mt-a .buttons.a a{grid-column:span 2}.ccl .mt-a .buttons a,.ccl .mt-a .buttons button{display:flex;align-items:center;justify-content:center;padding:10px 5px;text-align:center;color:#000;border:1px solid #000;border-radius:5px;background-color:#fff;font-size:12px;font-weight:bold;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media(min-width:768px){.ccl .mt-a .buttons a,.ccl .mt-a .buttons button{width:inherit;font-size:14px}}@media(min-width:1200px){.ccl .mt-a .buttons a,.ccl .mt-a .buttons button{display:flex;align-items:center;justify-content:center;min-height:40px}}.ccl .mt-a .buttons a:hover,.ccl .mt-a .buttons button:hover{color:#fff;background-color:#000}.ccl .mt-a .buttons button{color:#fff;background-color:#000}.ccl .mt-a .buttons button.disabled{pointer-events:none;opacity:.35;color:#000;background-color:#fff}.ccl .title{padding-top:20px;font-size:18px;font-weight:bold;line-height:1.25}.ccl .ticket{display:flex;flex-direction:column}.ccl .progress{margin-top:20px;margin-bottom:15px}.cc-img{position:relative;display:block;height:0;padding-bottom:80%}.cc-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav-tabs::-webkit-scrollbar{display:none}.bonus-tabs .nav-tabs,.widget-bonus-campaign-list .nav-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-direction:row;flex-wrap:nowrap;width:calc(100% + 30px);margin-right:-15px;margin-bottom:0;margin-left:-15px;padding-left:0;list-style:none;border-bottom:0;scrollbar-width:none;-ms-overflow-style:none}.bonus-tabs .nav-tabs .nav-item,.widget-bonus-campaign-list .nav-tabs .nav-item{margin-right:10px;margin-bottom:0}.bonus-tabs .nav-tabs .nav-item:first-child,.widget-bonus-campaign-list .nav-tabs .nav-item:first-child{padding-left:15px}.bonus-tabs .nav-tabs .nav-item:last-child,.widget-bonus-campaign-list .nav-tabs .nav-item:last-child{margin-right:15px}.bonus-tabs .nav-tabs .nav-item>.nav-link,.widget-bonus-campaign-list .nav-tabs .nav-item>.nav-link{margin-bottom:0;padding:10px;white-space:nowrap;color:#000 !important;border:1px solid #000;border-radius:5px;background-color:#fff;font-size:12px}@media(min-width:576px){.bonus-tabs .nav-tabs .nav-item>.nav-link,.widget-bonus-campaign-list .nav-tabs .nav-item>.nav-link{display:flex;align-items:center;justify-content:center;height:auto;padding:10px 25px;font-size:16px}}.bonus-tabs .nav-tabs .nav-item>.nav-link.active,.widget-bonus-campaign-list .nav-tabs .nav-item>.nav-link.active{color:#fff !important;border-color:#000;background-color:#000 !important}.bonus-tabs .nav-tabs .nav-item>.nav-link:hover,.widget-bonus-campaign-list .nav-tabs .nav-item>.nav-link:hover{border-color:#000}.bonus-tabs .nav-tabs .nav-item>.nav-link.disabled,.bonus-tabs .nav-tabs .nav-item>.nav-link:disabled,.widget-bonus-campaign-list .nav-tabs .nav-item>.nav-link.disabled,.widget-bonus-campaign-list .nav-tabs .nav-item>.nav-link:disabled{pointer-events:none;cursor:not-allowed;opacity:.7;color:#999 !important;border-color:#ccc;background-color:#f5f5f5 !important}.widget-bonus-tv-merchants .bp-tv-merchant{display:flex;flex-direction:column;height:100%;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background-color:#fff;color:inherit;text-decoration:none;transition:box-shadow .15s,border-color .15s}.widget-bonus-tv-merchants a.bp-tv-merchant:hover,.widget-bonus-tv-merchants a.bp-tv-merchant:focus{border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,.08);text-decoration:none}.widget-bonus-tv-merchants .bp-tv-merchant__logo{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;padding:16px;background-color:#f7f7f7}.widget-bonus-tv-merchants .bp-tv-merchant__logo img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.widget-bonus-tv-merchants .bp-tv-merchant__initial{font-size:2.5rem;font-weight:700;color:#bbb;text-transform:uppercase}.widget-bonus-tv-merchants .bp-tv-merchant__body{display:flex;flex:1;flex-direction:column;padding:12px 14px 14px}.widget-bonus-tv-merchants .bp-tv-merchant__title{font-weight:700}.widget-bonus-tv-merchants .bp-tv-merchant__category{font-size:.8rem;color:#888}.widget-bonus-tv-merchants .bp-tv-merchant__text{margin:8px 0 0;font-size:.875rem}.widget-bonus-tv-merchants .bp-tv-merchant__link{margin-top:auto;padding-top:10px;font-size:.875rem;font-weight:600;color:var(--primary)}.widget-bonus-customer-level .bp-level-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.widget-bonus-customer-level .bp-level-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.widget-bonus-customer-level .bp-level-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.15)}.widget-bonus-customer-level .bp-level-icon--locked{filter:grayscale(1);opacity:.45}.widget-bonus-customer-level .bp-level-progress{margin-bottom:1rem}.widget-bonus-customer-level .bp-level-progress-text{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;font-size:.9rem;margin-bottom:.35rem}.widget-bonus-customer-level .bp-level-bar{height:.6rem;border-radius:.3rem;background:rgba(0,0,0,.08);overflow:hidden}.widget-bonus-customer-level .bp-level-bar-fill{height:100%;border-radius:.3rem;transition:width .4s ease}.widget-bonus-customer-level .bp-level-ladder{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0;margin:0 0 1rem}.widget-bonus-customer-level .bp-level-step{display:flex;flex-direction:column;align-items:center;flex:1 1 5.5rem;padding:.6rem .4rem;border:1px solid rgba(0,0,0,.08);border-radius:.5rem;text-align:center}.widget-bonus-customer-level .bp-level-step--current{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.widget-bonus-customer-level .bp-level-step-name{font-weight:600;margin-top:.4rem}.widget-bonus-customer-level .bp-level-step-threshold{font-size:.8rem;opacity:.7}.widget-bonus-points-expiry .bp-expiry-list{list-style:none;padding:0;margin:0 0 .75rem}.widget-bonus-points-expiry .bp-expiry-entry{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.5rem .75rem;border-left:3px solid rgba(0,0,0,.15);background:rgba(0,0,0,.03);border-radius:.25rem}.widget-bonus-points-expiry .bp-expiry-entry+.widget-bonus-points-expiry .bp-expiry-entry{margin-top:.4rem}.widget-bonus-points-expiry .bp-expiry-entry--warn{border-left-color:var(--warning, #f0ad4e);background:rgba(240,173,78,.12);font-weight:600}.widget-bonus-points-expiry .bp-expiry-days{opacity:.75;white-space:nowrap}.widget-bonus-points-expiry .bp-expiry-tip{font-weight:600}.ccl .mt-a>.goal-toggle{grid-column:span 2;padding-top:10px;text-align:left;font-weight:normal}.ccl .mt-a>.goal-toggle .goal-badge{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:999px;background-color:#96d322;color:#fff;font-size:12px;font-weight:bold}.bonus-goal{display:block}.bonus-goal .progress{height:8px;border-radius:4px;background-color:#f0f0f0}.bonus-goal .p-bar{height:100%;border-radius:4px;background-color:#f26666}.bonus-goal .p-bar.green{background-color:#96d322}.bonus-tasks__item+.bonus-tasks__item{border-top:1px solid #eee}.bonus-referral__code{padding:2px 8px;border:1px dashed currentColor;border-radius:4px;letter-spacing:.05em}