#nav-bag-flyout{position:fixed;right:.5rem;top:95px;border:1px solid #ccc;border-radius:0 0 3px 3px;box-shadow:2px 2px 7px rgba(0,0,0,.2);width:300px;background:#fff;padding:.5rem;transform:translateX(350px);transition:transform .3s cubic-bezier(.4,0,1,1);z-index:99999}#nav-bag-flyout.open{transform:translateX(0);transition:transform .3s cubic-bezier(0,0,.2,1)}#nav-bag-flyout:focus-within{transform:translateX(0);transition:transform .3s cubic-bezier(0,0,.2,1)}#nav-bag-flyout form{display:flex}#bag-flyout-items{display:flex;flex-flow:column nowrap;margin:.5rem 0;padding-top:.5rem;border-top:1px solid rgba(204,204,204,.5);border-bottom:1px solid rgba(204,204,204,.5);max-height:calc(100% - 12rem);overflow-y:auto}#bag-flyout-items .lineitem{display:flex;flex-flow:row nowrap;margin:.5rem 0;min-height:151px}#bag-flyout-items .p-image{width:103px;min-height:141px}#bag-flyout-items .p-image img{width:100%}#bag-flyout-items .p-details{display:flex;flex-flow:column;justify-content:space-between;width:181px;padding:0 .5rem 0 1rem}#bag-flyout-items .p-details .name{font-size:.9rem;line-height:1.5;padding-right:.5rem}#bag-flyout-items .p-details .csq{display:flex;flex-flow:column;line-height:1.5;font-size:.75rem;text-transform:capitalize}#bag-flyout-items .p-details .cp{display:flex;justify-content:flex-end;align-items:center}#bag-flyout-items .p-details .price{font-size:1rem;font-family:Montserrat-Bold,Verdana,sans-serif}#bag-flyout-total{padding-top:.5rem;font-size:.8rem;display:flex;flex-direction:column;text-align:center}#bag-flyout-total button{margin:0 auto .5rem}@media (min-width:769px){#bag-flyout-items::-webkit-scrollbar{width:4px;position:absolute;right:-20px}#bag-flyout-items::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:3px;margin:.25rem 0 0}#bag-flyout-items::-webkit-scrollbar-thumb{background:#6a7e8d;border-radius:3px}#bag-flyout-items::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,.3)}}@media (max-width:768px){#nav-bag-flyout{display:none}}