.balance-sub-widget{background-color:#fff;border-radius:15px;overflow:visible;margin-bottom:10px}.balance-sub-widget .toggle{display:block;margin-bottom:16px}.balance-sub-widget .toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid #67635e4d;border-radius:15px;background:transparent;cursor:pointer;transition:.3s;position:relative;overflow:hidden;opacity:.7}.balance-sub-widget .toggle-btn-sub{flex-direction:column;padding:0!important;gap:0}.balance-sub-widget .toggle-sub-inner{display:flex;justify-content:space-between;width:100%;padding:12px}.balance-sub-widget .toggle-btn+.toggle-btn{margin-top:10px}.balance-sub-widget .toggle-btn.active{border-color:#67635e;opacity:1}.balance-sub-widget .toggle-btn:hover{opacity:1}.balance-sub-widget .type-left{display:flex;align-items:center;gap:12px}.balance-sub-widget .radio{width:22px;height:22px;border:2px solid #67635e4d;border-radius:50%;position:relative;flex:0 0 22px;background:#fff}.balance-sub-widget .radio:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:#519cab;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .3s ease,opacity .3s ease}.balance-sub-widget .toggle-btn.active .radio:after{transform:translate(-50%,-50%) scale(1);opacity:1}.balance-sub-widget .toggle-btn.active .radio{border-color:#67635e}.balance-sub-widget .type-title{font-weight:800;font-size:18px;color:#43413d;display:flex;gap:10px}.balance-sub-widget .subnote{display:block;font-size:14px;color:#68645ecc}.balance-sub-widget .type-right{text-align:left}.balance-sub-widget .type-price{display:block;font-weight:800;font-size:20px;color:#43413d}.balance-sub-widget .pack-picker{margin-top:12px;padding-top:14px;border-top:1px solid #e5e5e5;display:flex;flex-direction:column}.balance-sub-widget .qty-title{font-weight:800;font-size:20px;line-height:20px;color:#43413d;margin-bottom:6px}.balance-sub-widget .pack-segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #67635e4d;border-radius:15px;overflow:hidden;width:100%;align-self:flex-end}.balance-sub-widget .pack-btn{height:44px;padding:0;border:0;border-radius:0;background:#fff;font-weight:800;color:#43413d;font-size:16px;cursor:pointer;transition:background .2s ease,color .2s ease;overflow:hidden}.balance-sub-widget .pack-btn:hover{background:#f3f3f3}.balance-sub-widget .pack-btn+.pack-btn{border-left:1px solid #e0e0e0}.balance-sub-widget .pack-btn.active{background:#f3f3f3}.balance-sub-widget .pack-notes{display:grid;grid-template-columns:repeat(3,1fr);align-self:flex-end;font-size:12px;color:#67635e;line-height:1;text-align:center;width:calc(100% - 185.81px);margin-bottom:5px}.balance-sub-widget .pack-notes .note{margin:0 auto;display:block;width:fit-content;padding:4px 6px;color:#fff;font-weight:700;border-radius:20px}.balance-sub-widget .pack-note{font-size:14px;color:#67635e;text-align:center;margin-bottom:5px}.balance-sub-widget .cta{border:none;width:fit-content;padding:17px 30px;border-radius:50px;background:linear-gradient(#fff2,#0001),#efff35;box-shadow:0 3px #e9e9e9;font-weight:700;font-size:18px;color:#43413d;margin:0 auto;display:block;transition:.3s}.balance-sub-widget .cta:hover{box-shadow:none;transform:translateY(3px)}.balance-sub-widget .cta-compare{font-weight:600;color:#67635e99;text-decoration:line-through}.balance-sub-widget .sale-badge{border-bottom:none;color:#fff;font-weight:800;background-color:#67635e;width:100%;font-size:14px;line-height:14px;padding:10px;transition:all .3s ease}.balance-sub-widget .type-text{text-align:left}.balance-sub-widget .sub-ship-badge{display:block;font-size:14px;font-weight:700;color:#519cab}.balance-sub-widget .qty-row{display:flex;justify-content:space-between;align-items:center;gap:100px;margin-bottom:15px}.best-note{background-color:#519cab}.popular-note{background-color:#67635e}.balance-sub-widget .pack-notes .note{transition:.15s}.balance-sub-widget:has(.pack-segmented .pack-btn.active[data-pack="2"]) .popular-note{transform:scale(1.1)}.balance-sub-widget:has(.pack-segmented .pack-btn.active[data-pack="3"]) .best-note{transform:scale(1.1)}.type-uom{color:#67635e}@media screen and (max-width: 749px){.balance-sub-widget .qty-title{font-size:18px}.balance-sub-widget .pack-notes{max-width:100%;width:calc(100% - 89.72px)}.balance-sub-widget .pack-notes .note{font-size:11px;line-height:11px}.balance-sub-widget .qty-row{gap:12px}.balance-sub-widget .cta{font-size:16px;line-height:18px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/balance-sub-widget.css.map */