.bag-slideout{visibility:hidden;right:0;transform:translate(100%);transition:transform .3s ease,visibility 0s .3s}.bag-slideout.active{visibility:visible;transform:translate(0);transition:transform .3s ease,visibility 0s 0s}.bag-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10002;opacity:0;visibility:hidden;transition:all .3s ease}@media(max-width:990px){.bag-backdrop{display:none}}.bag-backdrop.active{opacity:1;visibility:visible}.bag-slideout{position:fixed;top:0;right:0;width:450px;max-width:100%;height:100%;background:#fff;z-index:10003;transform:translate(100%);transition:transform .3s ease,visibility 0s .3s;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column}@media(max-width:990px){.bag-slideout{z-index:999;top:var(--np-header-h, 68px);height:calc(100% - var(--np-header-h, 68px));height:calc(100dvh - var(--np-header-h, 68px));width:100%;max-width:100%}}.bag-slideout.active{transform:translate(0)}.bag-header{background:#fff;padding:16px 30px;border-bottom:1px solid var(--np-border-light);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.bag-title{font-family:Crimson Text,serif;font-size:22px;font-weight:400;color:var(--np-text-dark);margin:0}.bag-close{background:none;border:none;color:var(--np-text-medium);cursor:pointer;transition:background .15s ease;padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:4px}.bag-close:hover{background:#0000000d}.bag-close svg{color:var(--np-text-dark);width:16px;height:16px;stroke:currentColor}.bag-close:focus-visible{outline:2px solid var(--np-brand-green);outline-offset:2px}.bag-progress{display:none;flex-shrink:0}.bag-progress.show{display:block;padding:10px 30px 8px;border-bottom:1px solid var(--np-border-light)}.bag-progress__link{font-family:Lato,sans-serif;font-size:11px;color:var(--np-brand-green);text-align:center;display:block;margin-top:4px;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(var(--np-brand-green-rgb),.35);line-height:1;padding:6px 0 2px}.bag-progress__link:hover{text-decoration-color:var(--np-brand-green)}.bag-progress__link:focus-visible{outline:2px solid var(--np-brand-green);outline-offset:2px;border-radius:4px}.bag-progress__text{font-family:Lato,sans-serif;font-size:12px;color:var(--np-text-medium);text-align:center;display:block;margin-bottom:6px;line-height:1}.bag-progress__text strong{font-weight:600;color:var(--np-text-dark)}.bag-progress__track{display:block;height:3px;background:var(--np-border-light);border-radius:1.5px;overflow:hidden}.bag-progress__fill{display:block;height:100%;background:var(--np-brand-green);border-radius:1.5px;width:0%;transition:width .5s ease}.bag-progress--success .bag-progress__text,.bag-progress--success .bag-progress__text strong{color:var(--np-brand-green)}.bag-progress--success .bag-progress__fill{width:100%}@media(max-width:990px){.bag-progress.show{padding:10px 20px 8px}}.bag-content{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.bag-empty{text-align:center;padding:48px 30px;display:none}.bag-empty.show{display:block}.bag-empty__title{font-family:Crimson Text,serif;font-size:22px;font-weight:400;color:var(--np-text-dark);margin:0 0 28px}.bag-empty__icon{width:60px;height:60px;margin:0 auto 32px}.bag-empty__icon svg{color:var(--np-border-strong);width:100%;height:100%;fill:currentColor}.bag-empty__text{font-family:Lato,sans-serif;font-size:14px;font-weight:400;color:var(--np-text-medium);line-height:1.6;margin:0 0 40px}.bag-empty__buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.bag-empty__btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:14px 20px;background-color:#fff;color:var(--np-brand-green);font-family:Lato,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;text-align:center;border:none;border-radius:0;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:background-color .3s ease,color .3s ease}.bag-empty__btn:hover{background-color:var(--np-brand-green);color:#fff}.bag-empty__btn:focus-visible{outline:2px solid var(--np-brand-green);outline-offset:2px}.bag-empty__btn--primary{background-color:var(--np-brand-green);color:#fff}.bag-empty__btn--primary:hover{background-color:var(--np-brand-green-dark)}.bag-empty__contact{font-family:Lato,sans-serif;font-size:14px;color:var(--np-text-subtle);margin:0}.bag-empty__contact a{color:var(--np-brand-green);text-decoration:underline;text-underline-offset:3px}.bag-empty__contact a:hover{color:var(--np-brand-green-dark)}.bag-empty__contact a:focus-visible{outline:2px solid var(--np-brand-green);outline-offset:2px}.bag-empty__shipping-link{margin-top:12px}.bag-items{padding:8px 30px 0;display:none;flex-direction:column}.bag-items.show{display:flex}.bag-item{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:20px 0;position:relative;opacity:1;transform:scale(1)}.bag-item.is-removing{opacity:0;transform:scale(.95);transition:opacity .5s ease,transform .5s ease}.bag-item-image-link{display:block;border-radius:2px}.bag-item-image-link:focus-visible{outline:2px solid var(--np-brand-green);outline-offset:2px}.bag-item-image{width:100px;height:150px;object-fit:cover;border-radius:2px;display:block}.bag-item-details{display:flex;flex-direction:column;gap:8px}.bag-item-name{font-family:Lato,sans-serif;font-weight:600;font-size:15px;color:var(--np-text-dark);line-height:1.3}.bag-item-meta{font-family:Lato,sans-serif;font-size:13px;color:var(--np-text-medium);line-height:1.4;margin-bottom:4px}.bag-item-stock-notice{display:flex;align-items:flex-start;gap:6px;background:var(--np-notice-bg);border-left:2px solid var(--np-notice-border);border-radius:1px;padding:6px 8px;margin-bottom:4px}.bag-item-stock-notice svg{flex-shrink:0;width:12px;height:12px;color:var(--np-notice-text);margin-top:1px}.bag-item-stock-notice span{font-family:Lato,sans-serif;font-size:11px;line-height:1.4;color:var(--np-text-medium)}.bag-item-quantity-price{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.bag-item-quantity{display:flex;align-items:center;gap:12px}.qty-btn{width:44px;height:44px;border:1px solid var(--np-border-light);background:#fff;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--np-text-medium);transition:all .3s;line-height:1}.qty-btn:hover:not(:disabled){border-color:var(--np-brand-green);color:var(--np-brand-green);background:rgba(var(--np-brand-green-rgb),.02)}.qty-btn:focus-visible{outline:2px solid var(--np-brand-green);outline-offset:2px}.qty-value{font-family:Lato,sans-serif;font-size:14px;min-width:24px;text-align:center;font-weight:600;color:var(--np-text-dark)}.bag-item-price-value{font-family:Crimson Text,serif;font-size:20px;font-weight:600;color:var(--np-text-dark)}.np-bag-toast{position:absolute;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:var(--np-text-dark);color:#fff;font-family:Lato,sans-serif;font-size:13px;letter-spacing:.5px;padding:14px 24px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:10010;max-width:calc(100% - 40px);text-align:center}.np-bag-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.bag-footer--desktop{border-top:1px solid var(--np-border-light);padding:18px 30px 0;background:#fff;flex-shrink:0;display:none}.bag-footer--desktop.show{display:block}.bag-footer__totals{margin-bottom:14px}.bag-subtotal{display:flex;justify-content:space-between;align-items:center}.bag-subtotal-label{font-family:Lato,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:12px;color:var(--np-text-medium)}.bag-subtotal-value{font-family:Crimson Text,serif;font-size:26px;font-weight:500;color:var(--np-text-dark)}.bag-subtotal__left{display:flex;align-items:center;gap:12px}.bag-currency-form{display:inline;margin:0;padding:0}.bag-currency-trigger{display:flex;align-items:center;gap:4px}.bag-currency-globe{flex-shrink:0;color:var(--np-text-medium)}.bag-currency-select{font-family:Lato,sans-serif;font-size:12px;letter-spacing:.5px;color:var(--np-text-medium);background:transparent;border:none;cursor:pointer;padding:4px 16px 4px 2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235a5a5a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;min-height:44px}.bag-currency-select:focus-visible{outline:2px solid var(--np-brand-green);outline-offset:2px;border-radius:2px}.bag-payment-logos{display:flex;justify-content:center;align-items:center;gap:12px;padding:0 0 14px;color:#000}.bag-payment-logos .bag-payment-icon--afterpay{height:16px;width:auto;max-width:72px}.bag-payment-logos .bag-payment-icon{height:32px;width:auto;display:block;flex-shrink:0}.bag-payment-logos .bag-payment-icon--amex{height:32px}.bag-payment-logos .bag-payment-icon--paypal{height:24px}.bag-actions{display:flex;gap:0;background:var(--np-bg-taupe);margin:10px -30px 0}.btn-checkout{flex:3;padding:14px 10px;background:var(--np-brand-green);color:#fff;border:none;border-radius:0;font-family:Lato,sans-serif;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:2px;text-transform:uppercase;transition:all .3s;min-height:48px}.btn-checkout:hover{background:var(--np-brand-green-dark);color:#fff}.btn-checkout:focus-visible{outline:2px solid var(--np-brand-green);outline-offset:4px}.btn-view-bag{flex:2;padding:14px 10px;background:var(--np-bg-taupe);color:var(--np-text-dark);border:none;border-left:none;border-radius:0;font-family:Lato,sans-serif;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;transition:all .3s;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px}.btn-view-bag:hover{background:var(--np-bg-taupe)}.btn-view-bag:focus-visible{outline:2px solid var(--np-brand-green);outline-offset:4px}.bag-footer-mobile{display:none}@media(max-width:990px){.bag-slideout{width:100%;max-width:100%}.bag-backdrop{pointer-events:auto}.bag-header{display:none}.bag-content{padding:0;flex:1;overflow-y:auto}.bag-empty{padding:28px 24px 24px;display:none;flex-direction:column;justify-content:center;min-height:100%}.bag-empty.show{display:flex}.bag-empty__title{font-size:22px;margin-bottom:12px}.bag-empty__icon{display:none}.bag-empty__text{font-size:14px;margin-bottom:24px;line-height:1.5}.bag-empty__btn{border-radius:50px;min-height:44px;padding:12px 24px;font-size:12px;letter-spacing:1.5px}.bag-empty__btn--primary{border-radius:50px}.bag-empty__buttons{gap:10px;margin-bottom:24px}.bag-empty__contact{font-size:14px}.bag-items{padding:8px 20px 0}.bag-item{grid-template-columns:85px 1fr;gap:12px;padding:16px 0}.bag-item-image{width:85px;height:128px}.bag-item-details{gap:4px}.bag-item-name{font-size:14px}.bag-item-meta{font-size:12px;margin-bottom:8px}.bag-item-quantity-price{margin-top:auto;margin-bottom:0;align-items:flex-start}.bag-item-quantity{gap:8px}.qty-btn{width:36px;height:36px;border-radius:50%;font-size:16px}.bag-footer--desktop{display:none!important}.bag-footer-mobile{display:none;flex-direction:column;flex-shrink:0;position:sticky;bottom:0;z-index:10}.bag-footer-mobile.show{display:flex}.bag-footer-mobile__info{background:#fff;padding:14px 20px 12px;border-top:1px solid var(--np-border-light)}.bag-subtotal-mobile{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bag-subtotal-mobile__label{font-family:Lato,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:12px;color:var(--np-text-medium)}.bag-subtotal-mobile__value{font-family:Crimson Text,serif;font-size:24px;font-weight:500;color:var(--np-text-dark)}.bag-subtotal-mobile__left{display:flex;align-items:center;gap:10px}.bag-currency-trigger-mobile{display:flex;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer;min-width:44px;min-height:44px;margin:-10px 0}.bag-currency-trigger-mobile:focus-visible{outline:2px solid var(--np-brand-green);outline-offset:2px;border-radius:2px}.bag-currency-code{font-family:Lato,sans-serif;font-size:12px;letter-spacing:.5px;color:var(--np-text-medium)}.bag-payment-logos-mobile{display:flex;justify-content:center;align-items:center;gap:10px;padding:4px 0 2px;color:#000}.bag-payment-logos-mobile .bag-payment-icon--afterpay{height:13px;width:auto;max-width:60px}.bag-payment-logos-mobile .bag-payment-icon-mobile{height:26px;width:auto;display:block;flex-shrink:0}.bag-payment-logos-mobile .bag-payment-icon--amex{height:26px}.bag-payment-logos-mobile .bag-payment-icon--paypal-mobile{height:20px}.bag-checkout-bar-mobile{background:var(--np-brand-green);padding:0;flex-shrink:0}.btn-checkout-mobile{width:100%;height:64px;background:transparent;color:#fff;border:none;font-family:Lato,sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background .2s}.btn-checkout-mobile:hover{background:#ffffff1a}.btn-checkout-mobile:focus-visible{outline:2px solid #fff;outline-offset:-4px}}.bag-vat-notice{padding:0 0 12px;text-align:center}.bag-vat-notice__estimate{font-family:Lato,sans-serif;font-size:12px;color:var(--np-text-medium);margin:0 0 2px;line-height:1.4}.bag-vat-notice__fta{font-family:Lato,sans-serif;font-size:11px;color:var(--np-brand-green);margin:0;line-height:1.4}.bag-vat-notice--mobile{padding:10px 0 8px;border-top:1px solid var(--np-border-light);margin-top:10px}@media(min-width:768px)and (max-width:990px){.bag-backdrop{display:block}.bag-slideout{width:440px;max-width:440px;top:0;height:100%;z-index:10003}.bag-header{display:flex}.bag-progress.show{padding:10px 30px 8px}.bag-items{padding:8px 30px 0}.bag-item{grid-template-columns:100px 1fr;gap:20px;padding:20px 0}.bag-item-image{width:100px;height:150px}.qty-btn{width:44px;height:44px;border-radius:3px}.bag-footer--desktop.show{display:block!important}.bag-footer-mobile{display:none!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){@media(max-width:990px){.bag-checkout-bar-mobile{padding-bottom:env(safe-area-inset-bottom)}}}@media(prefers-reduced-motion:reduce){.bag-backdrop,.bag-slideout,.bag-slideout.active,.bag-item.is-removing,.np-bag-toast,.qty-btn,.bag-empty__btn,.bag-progress__fill{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/np-bag-drawer.css.map */