.cb-device,.steps-stage{--cb-primary:#2d64b2;--cb-background:#f8f9ff;--cb-white:#fff;--cb-dark-white:#e8ebff;--cb-dark:#011e48;--cb-black:#363636;--cb-gray:#5f5f5f;--cb-lightgray:#aaa;--cb-lightgray-2:#dcdcdc;--cb-green:#3bc160;--cb-red:#e30000;--phone-w:min(393px, 80vw);--u:calc(var(--phone-w) / 393);--bezel:calc(10 * var(--u));--screen-radius:calc(54 * var(--u) - var(--bezel))}.cb-device{width:calc(var(--phone-w) + 2 * var(--bezel));padding:var(--bezel);border-radius:calc(54 * var(--u));background:var(--cb-dark);box-shadow:0 calc(30 * var(--u)) calc(60 * var(--u)) calc(-28 * var(--u)) #011e4873;margin:0 auto;position:relative}.cb-island{top:calc(var(--bezel) + 11 * var(--u));width:calc(126 * var(--u));height:calc(37 * var(--u));border-radius:calc(20 * var(--u));z-index:2;background:#000;position:absolute;left:50%;transform:translate(-50%)}.cb-phone{width:var(--phone-w);height:calc(852 * var(--u));border-radius:var(--screen-radius);padding-top:calc(54 * var(--u));background:var(--cb-background);color:var(--cb-dark);font-family:var(--font-display), "Josefin Sans", system-ui, sans-serif;font-size:calc(16 * var(--u));flex-direction:column;align-items:center;line-height:1.5;display:flex;position:relative;overflow:hidden}.cb-phone,.cb-phone *,.cb-phone :before,.cb-phone :after{box-sizing:border-box}.cb-phone p,.cb-phone h1,.cb-phone h2,.cb-phone h3,.cb-phone h4{margin:0}.cb-phone button,.cb-phone input{font:inherit}.cb-page-container{width:100%;max-width:calc(460 * var(--u));padding:calc(24 * var(--u));flex-direction:column;flex:1;align-items:center;padding-top:0;display:flex;overflow:hidden}.cb-header{width:100%;max-width:calc(460 * var(--u));padding:calc(24 * var(--u));background:var(--cb-background);justify-content:space-between;align-items:center;display:flex}.cb-phone .cb-logo img{width:calc(160 * var(--u));height:auto;display:block}.cb-phone .cb-nav-profile svg{width:calc(32 * var(--u));height:calc(32 * var(--u))}.cb-component{width:100%;max-width:calc(460 * var(--u));padding:calc(24 * var(--u));background:var(--cb-white);border-radius:calc(16 * var(--u))}.cb-float-space{width:100%;padding-bottom:calc(128 * var(--u))}.cb-display,.cb-title,.cb-subtitle,.cb-body-1,.cb-body-2,.cb-body-3,.cb-body-4,.cb-body-5,.cb-body-6,.cb-body-7,.cb-body-8{line-height:normal}.cb-display{font-size:calc(48 * var(--u));font-weight:700}.cb-title{font-size:calc(32 * var(--u));color:var(--cb-black);margin-bottom:calc(24 * var(--u));font-weight:700}.cb-subtitle{font-size:calc(24 * var(--u));font-weight:400}.cb-body-1{font-size:calc(20 * var(--u));font-weight:500}.cb-body-2{font-size:calc(18 * var(--u));font-weight:400}.cb-body-3{font-size:calc(16 * var(--u));font-weight:400}.cb-body-4{font-size:calc(14 * var(--u));font-weight:500}.cb-body-5{font-size:calc(14 * var(--u));font-weight:300}.cb-body-6{font-size:calc(12 * var(--u));font-weight:400}.cb-body-7{font-size:calc(12 * var(--u));text-transform:uppercase;font-weight:400}.cb-body-8{font-size:calc(10 * var(--u));text-transform:uppercase;font-weight:500}.text-center{text-align:center}.m-0{margin:0}.cb-button{justify-content:center;align-items:center;gap:calc(8 * var(--u));width:100%;padding:calc(18 * var(--u));border-radius:calc(54 * var(--u));text-align:center;font-size:calc(20 * var(--u));border:none;font-weight:400;text-decoration:none;display:flex}.cb-button-initial-width{width:initial}.cb-button-primary{color:var(--cb-white);background:var(--cb-primary)}.cb-button-dark{color:var(--cb-white);background:var(--cb-dark)}.cb-button-outlined{color:var(--cb-dark);background:var(--cb-white);border:calc(1 * var(--u)) solid var(--cb-gray)}.cb-icon-button{padding:calc(8 * var(--u));background:0 0;border:none;transition:all .3s}.cb-icon-button-outlined{padding:calc(8 * var(--u));background:var(--cb-white);border:calc(1 * var(--u)) solid var(--cb-gray);border-radius:calc(50 * var(--u));transition:all .3s}.cb-icon-button-outlined .icon svg{width:calc(20 * var(--u));max-width:calc(20 * var(--u));height:calc(20 * var(--u))}.cb-phone .icon svg{margin:0 auto;display:block}.cb-phone .icon svg path{transition:fill .3s}.cb-tabs{left:0;bottom:calc(32 * var(--u));justify-content:center;width:100%;display:flex;position:absolute}.cb-tabs-bar{justify-content:space-between;align-items:center;gap:calc(40 * var(--u));width:max-content;padding:calc(8 * var(--u)) calc(24 * var(--u));background:var(--cb-white);border:calc(2 * var(--u)) solid #5f5f5f33;border-radius:calc(16 * var(--u));color:var(--cb-dark);font-family:var(--font-sans), "Inter", system-ui, sans-serif;text-align:center;margin:auto;display:flex}.cb-tab{padding:0 calc(16 * var(--u));color:var(--cb-lightgray);background:0 0;border:none;flex-direction:column;align-items:center;display:flex}.cb-tab .icon{width:calc(32 * var(--u));margin:0 auto}.cb-tab .icon svg{width:calc(32 * var(--u));height:calc(32 * var(--u))}.cb-tab .icon svg path{fill:var(--cb-lightgray)}.cb-tab p{font-size:calc(12 * var(--u));font-weight:400}.cb-tab-active{color:var(--cb-primary)}.cb-tab-active .icon svg path{fill:var(--cb-primary)}.cb-searchbar{justify-content:space-between;align-items:center;gap:calc(16 * var(--u));width:100%;margin-bottom:calc(32 * var(--u));padding:calc(16 * var(--u));background:var(--cb-white);border-radius:calc(16 * var(--u));display:flex}.cb-searchbar .icon svg{width:calc(24 * var(--u));height:auto}.cb-searchbar input{width:100%;color:var(--cb-dark);background:0 0;border:none;outline:none;padding:0}.cb-searchbar input::placeholder{color:var(--cb-lightgray)}.cb-chips{width:100%;margin-bottom:calc(16 * var(--u));scrollbar-width:none;overflow-x:auto}.cb-chips::-webkit-scrollbar{display:none}.cb-chips-tab,.chip-tabs-tab{gap:calc(8 * var(--u));width:max-content;display:flex}.cb-chip{padding:calc(8 * var(--u)) calc(16 * var(--u));border-radius:calc(16 * var(--u));background:var(--cb-white);color:var(--cb-dark);font-family:var(--font-sans), "Inter", system-ui, sans-serif;font-size:calc(12 * var(--u));white-space:nowrap;border:none;justify-content:center;align-items:center;font-weight:400;display:flex}.cb-chip-active{color:var(--cb-white);background:var(--cb-primary)}.cb-shop-card{gap:calc(16 * var(--u));width:100%;margin-bottom:calc(8 * var(--u));padding:calc(12 * var(--u));border-radius:calc(16 * var(--u));background:var(--cb-white);text-align:left;border:none;display:flex;position:relative}.cb-shop-card-outlined{border:calc(1 * var(--u)) solid var(--cb-lightgray-2)}.cb-shop-img{width:calc(80 * var(--u));height:calc(80 * var(--u));object-fit:cover;border-radius:calc(8 * var(--u));flex:none}.cb-shop-content{flex-direction:column;display:flex}.cb-shop-tags{gap:calc(4 * var(--u));margin-bottom:calc(16 * var(--u));display:flex}.cb-tag{padding:calc(2 * var(--u)) calc(4 * var(--u));border-radius:calc(4 * var(--u));font-family:var(--font-sans), "Inter", system-ui, sans-serif;font-size:calc(10 * var(--u));text-transform:uppercase;font-weight:500;line-height:normal}.cb-tag-highlighted{color:var(--cb-white);background:var(--cb-primary)}.cb-tag-cashback{background:var(--cb-dark-white)}.cb-shop-name{margin-bottom:calc(12 * var(--u));font-size:calc(18 * var(--u));font-weight:400;line-height:normal}.cb-shop-distance,.cb-shop-balance{font-family:var(--font-sans), "Inter", system-ui, sans-serif;line-height:normal}.cb-shop-distance{font-size:calc(14 * var(--u));font-weight:300}.cb-shop-balance{font-size:calc(14 * var(--u));font-weight:500}.cb-pin{right:calc(12 * var(--u));bottom:calc(12 * var(--u));position:absolute}.cb-pin .icon svg{width:calc(16 * var(--u));height:auto}.cb-pin .icon svg path{fill:var(--cb-lightgray)}.cb-shops-header{color:var(--cb-black);justify-content:space-between;align-items:center;display:flex}.cb-shops-cards{flex-direction:column;width:100%;display:flex}.cb-qr{align-items:center;gap:calc(20 * var(--u));flex-direction:column;display:flex}.cb-qr .cb-title{margin-bottom:0}.cb-qr-user-code{padding:calc(12 * var(--u));font-size:calc(18 * var(--u));font-weight:600}.cb-balance{justify-content:center;align-items:center;gap:calc(16 * var(--u));width:100%;padding:calc(24 * var(--u));background:var(--cb-white);border-radius:calc(16 * var(--u));flex-direction:column;display:flex;position:relative}.cb-balance-header{justify-content:space-between;align-items:center;width:100%;display:flex}.cb-balance-header-title{color:var(--cb-black)}.cb-balance-buttons{gap:calc(8 * var(--u));display:flex}.cb-balance-value{color:var(--cb-dark)}.cb-last-update{padding:calc(8 * var(--u));font-family:var(--font-sans), "Inter", system-ui, sans-serif;font-size:calc(12 * var(--u));text-align:center;font-weight:400}.cb-tx-group{gap:calc(8 * var(--u));margin-bottom:calc(24 * var(--u));flex-direction:column;display:flex}.cb-tx{color:var(--cb-dark)}.cb-tx-type{font-weight:700}.cb-tx-add .cb-tx-type{color:var(--cb-green)}.cb-tx-pay .cb-tx-type{color:var(--cb-red)}.cb-tx-promotion .cb-tx-type{color:var(--cb-primary)}.cb-modal{background:var(--cb-background);flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.cb-modal-dark{background:var(--cb-dark)}.cb-modal-header{width:100%;max-width:calc(460 * var(--u));padding:calc(24 * var(--u));background:var(--cb-background);justify-content:space-between;align-items:center;display:flex}.cb-modal-dark .cb-modal-header{background:0 0}.cb-modal-title{color:var(--cb-dark);font-family:var(--font-display), "Josefin Sans", system-ui, sans-serif;font-size:calc(24 * var(--u));font-weight:400;line-height:normal}.cb-modal-dark .cb-modal-title{color:var(--cb-white)}.cb-modal-body{width:100%;max-width:calc(460 * var(--u));padding:calc(24 * var(--u));flex-direction:column;flex:1;align-items:center;padding-top:0;display:flex}.cb-modal-full-height{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}.cb-close svg{width:calc(32 * var(--u));height:calc(32 * var(--u))}.cb-shop-info-img{width:100%;margin-bottom:calc(24 * var(--u));padding:calc(16 * var(--u));background:var(--cb-white);border-radius:calc(16 * var(--u));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cb-shop-info-img img{object-fit:cover;border-radius:calc(16 * var(--u));width:100%}.cb-shop-info-tags{top:calc(16 * var(--u));left:calc(16 * var(--u));gap:calc(8 * var(--u));padding:calc(8 * var(--u));display:flex;position:absolute}.cb-shop-info-tags .cb-tag{border-radius:calc(8 * var(--u))}.cb-stack{gap:calc(24 * var(--u));flex-direction:column;width:100%;display:flex}