body{overflow-x:hidden;overflow-y:auto;padding-bottom:0}.header{display:flex;justify-content:space-between;padding:2.5rem 1rem 0 1rem;margin-bottom:22px}.header .left-container{display:flex;flex-direction:column;row-gap:4px}.header .left-container .btn-link{outline:0;background:0 0;border:none;cursor:pointer;padding:0;text-decoration:none;transition:all .2s ease;display:flex;align-items:center;column-gap:8px;padding:0 4px;border-radius:4px}.header .left-container .btn-link span{font-weight:400;color:#fff;font-weight:400;font-size:17px;line-height:22px;letter-spacing:-.43px}.header .left-container .btn-link:active{background-color:rgba(37,161,142,.25)}.header .left-container .filter-label{font-weight:500;font-size:10px;line-height:100%;letter-spacing:0;color:#fff;margin-left:calc(9dvw - 1px)}.header .right-container .btn-filter{font-weight:400;font-size:12px;line-height:16px;letter-spacing:0;display:flex;align-items:center;justify-content:center;background-color:#fff;height:32px;width:54px;border-radius:100px;outline:0;border:none;box-shadow:none}.header .right-container .btn-filter:active{background-color:rgba(255,255,255,.8)}.card{border-radius:28px 28px 0 0;padding:24px 1rem 0 1rem;display:flex;flex-direction:column;border-bottom:0;min-height:100dvh;position:relative}.card .card-header{display:flex;flex-direction:column;row-gap:10px;border-bottom:0;border-radius:0;background:0 0;padding:0;margin:0;margin-bottom:20px}.card .card-header .jumlah-data{font-weight:600;font-size:17px;line-height:22px;letter-spacing:-.43px;color:#000}.card .card-header .filter-container{display:flex;align-items:center;border:1px solid #e5f2ff;background-color:#f4f9ff;width:100%;height:33px;overflow:hidden;border-radius:8px}.card .card-header .filter-container .filter-icon,.card .card-header .filter-container .filter-qrcode{flex:0 0 35px;display:flex;justify-content:center;align-items:center}.card .card-header .filter-container .filter-input{flex:2}.card .card-header .filter-container .filter-search{width:100%;height:100%;background-color:transparent;border:none;outline:0;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0;color:#000}.card .card-body{display:flex;flex-direction:column;row-gap:20px;border-top:0;border-bottom:0;border-radius:0;background:0 0;padding:0;margin:0;padding-bottom:.5rem;margin-bottom:10px;flex:0}.card .card-body .item{display:flex;align-items:center;column-gap:16px;width:100%;height:42px;text-decoration:none;border-radius:50px 8px 8px 50px}.card .card-body .item:focus{background-color:rgba(0,0,0,.1)}.card .card-body .item .item-image{display:flex;align-items:center;justify-content:center;height:42px;width:42px;border-radius:999px;background-color:#d3fff8}.card .card-body .item .item-image img{border-radius:999px}.card .card-body .item .item-label{display:flex;flex-direction:column;row-gap:8px}.card .card-body .item .item-label h6{font-weight:500;font-size:14px;line-height:100%;letter-spacing:0;margin-bottom:0;color:#000}.card .card-body .item .item-label p{font-weight:500;font-size:10px;line-height:100%;letter-spacing:0;margin-bottom:0;color:#858585}.card .card-footer{border:none;display:flex;justify-content:center;align-items:center;padding:0;margin:0;border-radius:0;background-color:transparent}.card .card-footer button{background-color:transparent;background:0 0;outline:0;border:none;box-shadow:none;border-radius:0;padding:0;margin:0;font-weight:500;font-size:12px;line-height:100%;letter-spacing:0;color:#ce1bff;padding-bottom:1.5rem}.filter-offcanvas{border-radius:10px 10px 0 0;min-height:calc(100dvh - 100px);padding-bottom:1rem}.filter-offcanvas .offcanvas-header{position:relative;padding-top:3rem}.filter-offcanvas .offcanvas-header .divider{position:absolute;width:51px;height:8px;border-radius:100px;background-color:#b5b5b5;top:6px;left:50%;transform:translateX(-50%)}.filter-offcanvas .offcanvas-header .offcanvas-title{font-weight:600;font-size:20px;line-height:25px;letter-spacing:-.45px;color:#000}.filter-offcanvas .offcanvas-body{padding-top:0;margin-bottom:2rem;display:flex;flex-direction:column;row-gap:20px}.filter-offcanvas .offcanvas-body .filter-container{display:flex;flex-direction:column;row-gap:4px}.filter-offcanvas .offcanvas-body .filter-container .filter-label{color:#858585;font-weight:500;font-size:14px;line-height:22px;letter-spacing:0}.filter-offcanvas .offcanvas-body .filter-container .filter-btn{display:flex;align-items:center;justify-content:space-between;outline:0;box-shadow:none;border:none;background-color:transparent;background:0 0;margin:0;padding:.5rem 0;border-radius:8px}.filter-offcanvas .offcanvas-body .filter-container .filter-btn span{font-weight:500;font-size:14px;line-height:22px;letter-spacing:0}.filter-offcanvas .offcanvas-footer{display:flex;justify-content:center;align-items:center}.filter-offcanvas .offcanvas-footer button{display:flex;justify-content:center;align-items:center;width:200px;height:38px;background-color:#25a18e;border-radius:100px;font-weight:500;font-size:12px;line-height:22px;letter-spacing:0;color:#fff;outline:0;border:none;box-shadow:none;margin:0;padding:0}#filter-2-offcanvas .offcanvas-header{display:flex;justify-content:space-between;align-items:center}#filter-2-offcanvas .offcanvas-header .btn-link{background:0 0;border:none;color:#ce1bff;padding:0;text-decoration:none;transition:all .2s ease;font-weight:500;font-size:10px;line-height:100%;letter-spacing:0}#filter-2-offcanvas .offcanvas-header .btn-link:active{color:rgba(206,27,255,.8)}#filter-2-offcanvas .offcanvas-body{display:flex;flex-direction:column;row-gap:12px}#filter-2-offcanvas .offcanvas-body .checkbox-item{display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s}#filter-2-offcanvas .offcanvas-body .checkbox-item .checkbox-label{font-weight:500;font-size:14px;line-height:22px;letter-spacing:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#filter-2-offcanvas .offcanvas-body .checkbox-item .custom-checkbox{height:18px;width:18px;background-color:#fff;border:1px solid #25a18e;border-radius:50%;position:relative;transition:all .3s ease}#filter-2-offcanvas .offcanvas-body .checkbox-item .custom-checkbox.checked{background-color:#d3fff8;border:none}#filter-2-offcanvas .offcanvas-body .checkbox-item .custom-checkbox.checked::after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#25a18e;font-size:14px;font-weight:700}#filter-2-offcanvas .offcanvas-body .checkbox-item input[type=checkbox]{display:none}