@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);
:root{--primary-color:#185ee0;--secondary-color:#e6eef9}*,:after,:before{box-sizing:border-box}body{background-color:rgba(230,238,249,.5);font-family:Inter,sans-serif}.container{align-items:center;display:flex;justify-content:center;left:0;margin-left:auto;position:absolute;top:0}.tabs{background-color:#fff;border-radius:99px;box-shadow:0 0 1px 0 rgba(24,94,224,.15),0 6px 12px 0 rgba(24,94,224,.15);display:flex;padding:.75rem;position:relative}.tabs *{z-index:2}input[type=radio]{display:none}.tab{align-items:center;border-radius:99px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;height:25px;justify-content:center;transition:color .15s ease-in;width:100px}input[type=radio]:checked+label{color:var(--primary-color)}input[type=radio]:checked+label>.notification{background-color:var(--primary-color);color:#fff}input[id=radio-1]:checked~.glider{transform:translateX(0)}input[id=radio-2]:checked~.glider{transform:translateX(100%)}input[id=radio-3]:checked~.glider{transform:translateX(200%)}.glider{background-color:var(--secondary-color);border-radius:99px;display:flex;height:25px;padding-block:1rem;position:absolute;transition:.25s ease-out;width:100px;z-index:1}@media (max-width:700px){.tabs{transform:scale(.6)}}.hover_qty{cursor:pointer;display:inline-block;padding:.2rem .5rem}table{margin:0!important;padding:0!important}td{border-bottom:0!important;font-size:.9rem;font-weight:100}td[colspan="2"]{border-right:2rem solid #1e1e2d}#tooltip{background:#1e1e2d;border:5px solid #181824;border-radius:4px;color:#fff;display:none;font-family:sans-serif;font-size:13px;font-weight:700;padding:.3rem}#tooltip[data-popper-placement^=top]>#arrow{bottom:-4px}#tooltip[data-popper-placement^=bottom]>#arrow{top:-4px}#tooltip[data-popper-placement^=left]>#arrow{right:-4px}#tooltip[data-popper-placement^=right]>#arrow{left:-4px}#tooltip[data-show]{display:block}#arrow,#arrow:before{background:inherit;height:8px;position:absolute;width:8px}#arrow{visibility:hidden}#arrow:before{content:"";transform:rotate(45deg);visibility:visible}.notification-icon{position:relative}.notification-icon:after{background:red;border-radius:10px;content:"";height:10px;position:absolute;right:3px;top:0;width:10px}.navi li{display:flex;gap:1rem}.navi-item{align-items:center;background-color:#c9f7f5;border-radius:5px;display:flex;justify-content:space-between;margin-block:.5rem;padding:.5rem 1.5rem;text-align:start}.navi-item.left{padding-right:.5rem;width:100%}.navi-item.right{width:11rem}.navi-qty{width:7rem!important}.navi-qty::-webkit-inner-spin-button{margin-left:20px}.navi-title{padding-right:2rem}