#fits-drawer[hidden]{display:none}#fits-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.fits-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.fits-panel{position:absolute;right:0;top:0;bottom:0;width:min(680px,92vw);background:#fff;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0003}.fits-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eee}.fits-progress{padding:12px 18px}.fits-bar{height:8px;background:#f1f1f1;border-radius:999px;overflow:hidden}.fits-bar__fill{height:100%;width:0%;background:#111;transition:width .25s ease}.fits-text{margin-top:6px;font-size:12px;color:#444}.fits-chips{display:flex;flex-wrap:wrap;gap:8px;padding:8px 18px 12px}.fits-results{padding:8px 12px 20px;overflow:auto}.fit-card{display:flex;gap:12px;padding:10px;border:1px solid #eee;border-radius:12px;margin:8px 6px}.fit-card img{width:66px;height:66px;object-fit:cover;border-radius:8px}.fit-title{font-weight:600}.fit-sub{font-size:13px;color:#555}.fit-add{padding:6px 10px;border:1px solid #111;background:#111;color:#fff;border-radius:8px}#open-fits.fits-fab{position:fixed;right:16px;bottom:16px;padding:10px 14px;border-radius:999px;background:#111;color:#fff;border:none;z-index:9998}#fits-drawer .fits-bar{position:relative;height:8px;background:#f1f1f1;border-radius:999px;overflow:hidden}#fits-drawer .fits-bar__fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:var(--fits-accent, #b36a5e);transition:width .25s ease}#fits-drawer .fits-bar{position:relative;height:8px;border-radius:999px;background:#e5e7eb;overflow:hidden}#fits-drawer .fits-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--p, 0%);background:var(--fits-accent, #b36a4e);transition:width .25s ease}#fits-drawer .fits-bar__fill{display:none}#fits-drawer .fits-chips{display:flex;flex-wrap:wrap;gap:8px;padding:8px 18px 12px}#fits-drawer .chip{-webkit-appearance:none;appearance:none;border:1px solid #ddd;background:#fff;color:#222;padding:6px 10px;border-radius:999px;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}#fits-drawer .chip:not(.is-allowed){opacity:.35}#fits-drawer .chip.is-active{background:var(--fits-accent, #16a34a);color:#fff;border-color:transparent;opacity:1}#fits-drawer .chip.is-inactive{background:#fff;color:#9aa0a6;border-color:#e0e0e0;opacity:.55}#fits-drawer .fits-search{padding:10px 18px 0}#fits-drawer .fits-search input[type=search]{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #ddd;border-radius:8px;font-size:14px}#fits-drawer .fits-empty{padding:14px 18px;color:#666;font-size:14px}#fits-drawer .fit-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}#fits-drawer .fit-btn{-webkit-appearance:none;appearance:none;border:1px solid #ddd;background:#fff;color:#111;padding:8px 10px;border-radius:8px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block}#fits-drawer .fit-add{background:var(--fits-accent, #16a34a);color:#fff;border-color:transparent}#fits-drawer .fit-view:hover{border-color:#bbb}#fits-drawer .fits-text{margin-top:8px;padding:0 18px;display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;font-size:16px;line-height:1.25;color:#111}#fits-drawer .fits-units,#fits-drawer .fits-cap{font-weight:700;font-size:18px}#fits-drawer .fits-left{color:#555;font-size:14px}#fits-drawer .fits-left .fits-left-units,#fits-drawer .fits-left .fits-left-pct{font-weight:600}#fits-drawer .fits-panel{display:flex;flex-direction:column;height:100%}#fits-drawer .fits-results{flex:1 1 auto;overflow:auto;padding:6px 18px 12px}#fits-drawer .fits-footer{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff0,#fff 24%);border-top:1px solid #eee}#fits-drawer .fit-btn{-webkit-appearance:none;appearance:none;border:1px solid #ddd;background:#fff;color:#111;padding:10px 12px;border-radius:10px;font-size:14px;text-decoration:none;cursor:pointer;display:inline-block;flex:1 1 0;text-align:center}#fits-drawer .fit-cart{background:var(--fits-accent, #16a34a);color:#fff;border-color:transparent}#fits-drawer .fit-menu:hover{border-color:#bbb}html.fits-drawer-open #packing-units-banner-floating,html.fits-drawer-open #packing-units-banner{display:none!important}html.fits-drawer-open body #packing-units-banner-floating,html.fits-drawer-open #packing-units-banner-floating{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}html.fits-drawer-open .pu-floating-wrap{display:none!important}#fits-drawer .fit-actions{display:flex;gap:8px;flex-wrap:wrap}#fits-drawer .fit-actions .fit-btn{flex:0 0 132px;max-width:132px;text-align:center}#fits-drawer .fit-actions .fit-add{--add-base: var(--fits-accent, #16a34a);background:#22c55e!important;background:color-mix(in sRGB,var(--add-base) 70%,white)!important;color:#fff!important;border-color:transparent!important}#fits-drawer .fit-actions .fit-add:hover{background:color-mix(in sRGB,var(--add-base) 85%,white)!important}#fits-drawer .fit-actions .fit-add:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}#fits-drawer .fit-footer-cart{background:var(--fits-accent, #16a34a);color:#fff;border:0}#fits-drawer .fit-footer-menu{background:#fff;color:#111;border:1px solid rgba(0,0,0,.12)}#fits-drawer .fit-footer-cart:hover{background:color-mix(in sRGB,var(--fits-accent, #16a34a) 92%,black)}#fits-drawer .fit-footer-menu:hover{background:color-mix(in sRGB,#ffffff 92%,var(--fits-accent, #16a34a));border-color:color-mix(in sRGB,rgba(0,0,0,.12) 60%,var(--fits-accent, #16a34a))}#fits-drawer .fit-footer-cart:focus-visible,#fits-drawer .fit-footer-menu:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}#fits-drawer .fit-footer-cart:hover,#fits-drawer .fit-footer-menu:hover{transform:translateY(-1px);transition:transform .12s ease,background-color .12s ease,border-color .12s ease}#fits-drawer .fit-actions .fit-view{background:#fff;color:#111;border:1px solid rgba(0,0,0,.12)}#fits-drawer .fit-actions .fit-view:hover{background:color-mix(in sRGB,#ffffff 92%,var(--fits-accent, #16a34a));border-color:color-mix(in sRGB,rgba(0,0,0,.12) 60%,var(--fits-accent, #16a34a))}#fits-drawer .fit-actions .fit-view:focus-visible{outline:2px solid rgba(0,0,0,.2);outline-offset:2px}html.fits-drawer-open,body.fits-drawer-open{overflow:hidden!important;overscroll-behavior:contain}#fits-drawer .fit-content,#fits-drawer .fit-list,#fits-drawer .fit-scroll,#fits-drawer .drawer-body{overflow:auto;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 160px)}#fits-drawer.is-full .fits-full{display:flex}#fits-drawer .fits-full{display:none;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:18px}#fits-drawer .fits-full__title{display:flex;align-items:center;justify-content:center;gap:.65rem;font-weight:800;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem);line-height:1.1;letter-spacing:.01em;margin:.25rem 0 .5rem}#fits-drawer .fits-full__title .emoji{font-size:1.35em;line-height:1;transform:translateY(-1px)}#fits-drawer .fits-full__copy{opacity:.9}#fits-drawer .fits-full__cta .button{margin-top:6px}
/*# sourceMappingURL=/cdn/shop/t/1/assets/fits-drawer.css.map */