.coupons{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:10px;max-height:200px;overflow-y:auto}.coupons .item{align-items:center;background-color:#4c93f9;border-radius:5px;cursor:pointer;display:flex;gap:10px;height:70px;-webkit-mask-image:radial-gradient(circle at 4px,transparent 4px,red 4.5px);-webkit-mask-position:-4px;-webkit-mask-size:100% 16px;padding:5px 20px 5px 15px}.coupons .item img{width:35px}.coupons .item .label{color:#fff;flex:1;font-size:15px}.coupons .item .checkbox{align-items:center;background-color:#fff;border-radius:222px;color:#2c7df2;display:flex;height:20px;justify-content:center;width:20px}.coupons .item .checkbox *{display:none}.coupons .item.active{background-color:#2c7df2}.coupons .item.active .checkbox *{display:block}.payments{padding-top:10px}.payments .item{align-items:center;border:1px solid #fff;border-radius:5px;cursor:pointer;display:flex;font-size:16px;gap:10px;margin-bottom:10px;padding:6px 10px;transition:all .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.payments .item img{width:30px}.payments .item .name{flex:1}.payments .item .icon{color:var(--el-color-primary);display:none;transition:all .1s}.payments .item.active{border-color:var(--el-color-primary)}.payments .item.active .icon{display:block}.dis-methods{display:grid;gap:10px;grid-template-columns:repeat(2,2fr)}.dis-methods .item{align-items:center;border:1px solid #eee;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px 15px}.dis-methods .item .item-inner{flex:1}.dis-methods .item .item-inner__title{color:#000;font-size:18px;font-weight:600}.dis-methods .item .item-checkbox{align-items:center;background-color:#ddd;border-radius:999px;color:#fff;display:flex;font-size:18px;height:30px;justify-content:center;width:30px}.dis-methods .item.active{border-color:var(--el-color-primary)}.dis-methods .item.active .item-checkbox{background-color:var(--el-color-primary)}