.hrc-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:var(--hrc-black-0);display:flex;align-items:center;justify-content:center;padding:2.4rem 1.6rem;transition:background var(--hrc-dt-base) var(--hrc-ease);pointer-events:none}.hrc-popup-overlay[hidden]{display:none}.hrc-popup-overlay.is-open{background:var(--hrc-black-4);backdrop-filter:blur(.25rem);-webkit-backdrop-filter:blur(.25rem);pointer-events:auto}.hrc-popup{position:relative;display:flex;width:100%;max-width:90rem;max-height:calc(100dvh - 2rem);border-radius:var(--hrc-rl);overflow:hidden;background:var(--hrc-bg);border:.5px solid var(--hrc-black-1);opacity:0;transform:translateY(16px) scale(.98);transition:opacity var(--hrc-dt-base) var(--hrc-ease),transform var(--hrc-dt-base) var(--hrc-ease)}.hrc-popup-overlay.is-open .hrc-popup{opacity:1;transform:translateY(0) scale(1)}.hrc-popup-left{width:35rem;flex-shrink:0;position:relative;overflow:hidden;background:var(--hrc-bg-surface);min-height:60rem}.hrc-popup-img-track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;height:100%;transition:transform var(--hrc-dt-slow) var(--hrc-ease);will-change:transform}.hrc-popup-img-track.is-instant{transition:none}.hrc-popup-img-slide{min-width:100%;height:100%;flex-shrink:0;overflow:hidden;position:relative}.hrc-popup-img-slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hrc-popup-badge{position:absolute;top:1.6rem;left:1.6rem;z-index:5;padding:.5rem 1.2rem;border-radius:var(--hrc-rs);font-size:var(--hrc-fs-rg);font-weight:var(--hrc-fw-bold);letter-spacing:var(--hrc-ls-lg);text-transform:var(--hrc-tu);line-height:1;pointer-events:none;background:var(--hrc-color-accent);color:var(--hrc-text-invert)}.hrc-popup-badge[hidden]{display:none}.hrc-popup-nav{position:absolute;top:50%;transform:translateY(-50%);width:3.2rem;height:3.2rem;border-radius:var(--hrc-rxl);background:var(--hrc-white-2);border:.5px solid var(--hrc-black-1);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:5;opacity:0;transition:opacity var(--hrc-dt-base) var(--hrc-ease),background var(--hrc-dt-base) var(--hrc-ease),transform var(--hrc-dt-base) var(--hrc-ease);color:var(--hrc-text-primary)}.hrc-popup-nav svg{width:1.6rem;height:1.6rem;flex-shrink:0}.hrc-popup-nav--prev{left:1rem}.hrc-popup-nav--next{right:1rem}.hrc-popup-nav--disabled{opacity:.2!important;cursor:default;pointer-events:none}.hrc-popup-left:hover .hrc-popup-nav:not(.hrc-popup-nav--disabled){opacity:1}.hrc-popup-left:hover .hrc-popup-nav--disabled{opacity:.2}.hrc-popup-nav:not(.hrc-popup-nav--disabled):hover{background:var(--hrc-white-10);transform:translateY(-50%) scale(1.08)}@media(hover:none){.hrc-popup-nav{opacity:.65}.hrc-popup-nav--disabled{opacity:.18!important}}.hrc-popup-dots{position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%);display:flex;gap:.6rem;z-index:5}.hrc-popup-dot{width:.5rem;height:.5rem;border-radius:var(--hrc-rxl);background:var(--hrc-black-3);border:none;padding:0;cursor:pointer;transition:background var(--hrc-dt-base) var(--hrc-ease),transform var(--hrc-dt-base) var(--hrc-ease)}.hrc-popup-dot.is-active{background:var(--hrc-black-7);transform:scale(1.5)}.hrc-popup-right{flex:1;display:flex;flex-direction:column;background:var(--hrc-bg-surface);border-left:.5px solid var(--hrc-black-1);overflow-y:auto;max-height:calc(100dvh - 48px)}.hrc-popup-header{padding:2.6rem 2.6rem 2rem;border-bottom:.5px solid var(--hrc-black-1);flex-shrink:0}.hrc-popup-brand{font-size:var(--hrc-fs-xs);font-weight:var(--hrc-fw-medium);letter-spacing:var(--hrc-ls-xl);text-transform:var(--hrc-tu);color:var(--hrc-text-muted);margin-bottom:.7rem}.hrc-popup-title{font-family:var(--hrc-font-display);font-size:var(--hrc-fs-md);font-weight:var(--hrc-fw-medium);color:var(--hrc-text-primary);line-height:1.25;margin-bottom:1.2rem}.hrc-popup-price-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.hrc-popup-price{font-size:var(--hrc-fs-md);font-weight:var(--hrc-fw-bold);color:var(--hrc-text-primary);letter-spacing:var(--hrc-ls-sm)}.hrc-popup-price.is-sale{color:var(--hrc-color-accent)}.hrc-popup-old{font-size:var(--hrc-fs-sm);color:var(--hrc-text-muted);text-decoration:line-through;font-weight:var(--hrc-fw-regular)}.hrc-popup-old[hidden],.hrc-popup-save[hidden]{display:none}.hrc-popup-save{font-size:var(--hrc-fs-xs);font-weight:var(--hrc-fw-medium);color:var(--hrc-color-success);background:var(--hrc-success-2);padding:.5rem .9rem;border-radius:var(--hrc-rl);line-height:1}.hrc-popup-options{padding:2rem 2.6rem;display:flex;flex-direction:column;gap:2rem;flex:1}.hrc-popup-opt[hidden]{display:none}.hrc-popup-opt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.hrc-popup-opt-label{font-size:var(--hrc-fs-xs);font-weight:var(--hrc-fw-semibold);letter-spacing:var(--hrc-ls-xxl);text-transform:var(--hrc-tu);color:var(--hrc-text-muted)}.hrc-popup-opt-selected{font-size:var(--hrc-fs-sm);font-weight:var(--hrc-fw-medium);color:var(--hrc-text-primary)}.hrc-popup-size-guide{font-size:var(--hrc-fs-sm);color:var(--hrc-text-muted);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0;text-decoration-thickness:1px;text-underline-offset:2px}.hrc-popup-size-guide[hidden]{display:none}.hrc-popup-qty-row{display:flex;align-items:center;width:fit-content;border:1px solid var(--color-border, rgba(0, 0, 0, .15));border-radius:var(--hrc-rs);overflow:hidden}.hrc-popup-qty-btn{width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:currentColor;transition:background .15s ease;flex-shrink:0}.hrc-popup-qty-btn:hover:not(:disabled){background:var(--hrc-black-0)}.hrc-popup-qty-btn:disabled{opacity:.3;cursor:not-allowed}.hrc-popup-qty-btn svg{width:1.6rem;height:1.6rem;pointer-events:none}.hrc-popup-qty-display{min-width:4.4rem;height:3.6rem;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;border-left:1px solid var(--color-border, rgba(0, 0, 0, .15));border-right:1px solid var(--color-border, rgba(0, 0, 0, .15));-webkit-user-select:none;user-select:none}.hrc-popup-color-row{display:flex;gap:7px;flex-wrap:wrap}.hrc-popup-swatch{width:2.7rem;height:2.7rem;border-radius:var(--hrc-rxl);border:2px solid transparent;cursor:pointer;position:relative;transition:transform var(--hrc-dt-base) var(--hrc-ease);padding:0;outline:none;flex-shrink:0}.hrc-popup-swatch:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--hrc-rxl);border:1.5px solid transparent;transition:border-color .18s var(--hrc-ease);pointer-events:none}.hrc-popup-swatch.is-active:after{border-color:var(--hrc-text-primary)}.hrc-popup-swatch:hover{transform:scale(1.12)}.hrc-popup-size-row{display:flex;gap:6px;flex-wrap:wrap}.hrc-popup-size-btn{height:3.7rem;min-width:4.6rem;padding:0 1.1rem;border-radius:var(--hrc-rs);border:.5px solid var(--hrc-black-2);background:var(--hrc-bg);font-family:var(--hrc-font-body);font-size:calc(var(--hrc-fs-sm) + .2rem);font-weight:var(--hrc-fw-medium);color:var(--hrc-text-primary);cursor:pointer;transition:background var(--hrc-dt-base) var(--hrc-ease),border-color var(--hrc-dt-base) var(--hrc-ease),color var(--hrc-dt-base) var(--hrc-ease);position:relative}.hrc-popup-size-btn:hover:not(.is-soldout){border-color:var(--hrc-text-primary)}.hrc-popup-size-btn.is-active{background:var(--hrc-text-primary);border-color:var(--hrc-text-primary);color:var(--hrc-text-invert)}.hrc-popup-size-btn.is-soldout{color:var(--hrc-text-muted);opacity:.35;cursor:not-allowed}.hrc-popup-size-btn.is-soldout:after{content:"";position:absolute;top:50%;left:.7rem;right:.7rem;height:1px;background:currentColor;transform:rotate(-15deg)}.hrc-popup-stock{display:flex;align-items:center;gap:.7rem;font-size:var(--hrc-fs-2xs);padding:.9rem 1.3rem;border-radius:var(--hrc-rs);margin-top:1rem}.hrc-popup-stock[hidden]{display:none}.hrc-popup-stock svg{width:1.4rem;height:1.4rem;flex-shrink:0}.hrc-popup-stock.is-warn{background:var(--hrc-warning-2);color:var(--hrc-color-warning)}.hrc-popup-stock.is-coming-soon{background:color-mix(in srgb,var(--hrc-color-accent) 12%,transparent);color:var(--hrc-color-accent)}.hrc-popup-stock.is-ok{background:var(--hrc-success-2);color:var(--hrc-color-success)}.hrc-popup-generic-opt{display:flex;flex-direction:column;gap:.8rem}.hrc-popup-generic-row{display:flex;gap:.6rem;flex-wrap:wrap}.hrc-popup-generic-btn{height:3.4rem;padding:0 1.4rem;border-radius:var(--hrc-rs);border:.5px solid var(--hrc-black-10);background:var(--hrc-bg);font-size:var(--hrc-fs-sm);font-weight:var(--hrc-fw-medium);color:var(--hrc-text-primary);cursor:pointer;transition:background var(--hrc-dt-base) var(--hrc-ease),border-color var(--hrc-dt-base) var(--hrc-ease),color var(--hrc-dt-base) var(--hrc-ease)}.hrc-popup-generic-btn:hover{border-color:var(--hrc-text-primary)}.hrc-popup-generic-btn.is-active{background:var(--hrc-text-primary);border-color:var(--hrc-text-primary);color:var(--hrc-text-invert)}.hrc-popup-footer{padding:1.4rem 2.6rem 2.2rem;border-top:.5px solid var(--hrc-black-1);display:flex;flex-direction:column;gap:.9rem;flex-shrink:0}.hrc-popup-btn-add{width:100%;height:4.8rem;border-radius:var(--hrc-rm);border:none;background:var(--hrc-text-primary);color:var(--hrc-text-invert);font-family:var(--hrc-font-body);font-size:calc(var(--hrc-fs-sm) + .1rem);font-weight:var(--hrc-fw-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:.02em;transition:background var(--hrc-dt-base) var(--hrc-ease),transform .12s var(--hrc-ease)}.hrc-popup-btn-add:active:not(:disabled){transform:scale(.99)}.hrc-popup-btn-add:disabled{opacity:.25;cursor:not-allowed}.hrc-popup-btn-add.is-loading{opacity:.6;pointer-events:none;animation:hrc-popup-pulse 1s infinite alternate}@keyframes hrc-popup-pulse{0%{transform:scale(1)}to{transform:scale(.98)}}.hrc-popup-btn-add.is-success{background:var(--hrc-color-success)}.hrc-popup-btn-icon{width:2.2rem;height:2.2rem;flex-shrink:0}.hrc-popup-btn-icon .cs{stroke:var(--hrc-text-invert);fill:none;transition:stroke var(--hrc-dt-base) var(--hrc-ease)}.hrc-popup-btn-icon .cf{fill:var(--hrc-text-invert);transition:fill var(--hrc-dt-base) var(--hrc-ease)}.hrc-popup-btn-add:not(:disabled) .cart-lid{stroke-dasharray:58;stroke-dashoffset:0;transition:stroke-dashoffset var(--hrc-dt-base) var(--hrc-ease-in) 0s}.hrc-popup-btn-add:not(:disabled):hover .cart-lid{stroke-dashoffset:58}.hrc-popup-btn-add:not(:disabled) .plus-v{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset 0s}.hrc-popup-btn-add:not(:disabled):hover .plus-v{stroke-dashoffset:0;transition:stroke-dashoffset var(--hrc-dt-base) var(--hrc-ease-in) .32s}.hrc-popup-btn-add:not(:disabled) .plus-h{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset 0s}.hrc-popup-btn-add:not(:disabled):hover .plus-h{stroke-dashoffset:0;transition:stroke-dashoffset var(--hrc-dt-base) var(--hrc-ease) .52s}.hrc-popup-btn-detail{width:100%;height:4rem;border-radius:var(--hrc-rm);border:.5px solid rgba(0,0,0,.14);background:transparent;font-family:var(--hrc-font-body);font-size:var(--hrc-fs-sm);font-weight:var(--hrc-fw-regular);color:var(--hrc-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;transition:background var(--hrc-dt-base) var(--hrc-ease),color var(--hrc-dt-base) var(--hrc-ease)}.hrc-popup-btn-detail:hover{background:#0000000d;color:var(--hrc-text-primary)}.hrc-popup-close{position:absolute;top:13px;right:13px;width:30px;height:30px;border-radius:var(--hrc-rxl);border:.5px solid rgba(0,0,0,.12);background:#f7f5f2f2;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:20;transition:background var(--hrc-dt-base) var(--hrc-ease),color var(--hrc-dt-base) var(--hrc-ease);color:var(--hrc-text-muted)}.hrc-popup-close svg{width:14px;height:14px;flex-shrink:0}.hrc-popup-close:hover{background:#fff;color:var(--hrc-text-primary)}@media(max-width:1280px){.hrc-popup{max-width:min(96rem,calc(100dvw - 3.2rem))}.hrc-popup-left{width:32rem;min-height:54rem}.hrc-popup-header{padding:2.4rem 2.4rem 1.8rem}.hrc-popup-options{padding:1.8rem 2.4rem}.hrc-popup-footer{padding:1.4rem 2.4rem 2rem}}@media(max-width:1024px){.hrc-popup-overlay{padding:1.6rem;align-items:center}.hrc-popup{max-width:82rem;max-height:calc(100dvh - 3.2rem)}.hrc-popup-left{width:30rem;min-height:50rem}.hrc-popup-brand{font-size:var(--hrc-fs-xs)}.hrc-popup-title{font-size:var(--hrc-fs-md)}}@media(max-width:768px){.hrc-popup-overlay{padding:1.6rem 1.2rem;align-items:center}.hrc-popup{flex-direction:column;max-width:48rem;max-height:calc(100dvh - 3.2rem)}.hrc-popup-left{width:100%;min-height:28rem;flex-shrink:0}.hrc-popup-right{border-left:none;border-top:.5px solid var(--hrc-black-1);max-height:55dvh}.hrc-popup-header{padding:2rem 2rem 1.6rem}.hrc-popup-options{padding:1.6rem 2rem;gap:1.6rem}.hrc-popup-footer{padding:1.2rem 2rem 1.8rem}.hrc-popup-close{top:1.2rem;right:1.2rem;width:3.6rem;height:3.6rem}.hrc-popup-swatch{width:3.2rem;height:3.2rem}}@media(max-width:480px){.hrc-popup-overlay{padding:1.2rem .8rem}.hrc-popup{max-width:100%;max-height:calc(100dvh - 24px);border-radius:14px}.hrc-popup-header{padding:1.8rem 1.6rem 1.4rem}.hrc-popup-left{min-height:40rem}.hrc-popup-right{max-height:60dvh}.hrc-popup-brand{font-size:var(--hrc-fs-xs);margin-bottom:.6rem}.hrc-popup-title{font-size:var(--hrc-fs-md);line-height:1.2;margin-bottom:1rem}.hrc-popup-price-row{gap:.8rem}.hrc-popup-options{padding:1.4rem 1.6rem;gap:1.4rem}.hrc-popup-footer{padding:10px 16px 16px;gap:7px}.hrc-popup-btn-add{height:4.4rem}.hrc-popup-size-btn{height:3.4rem;min-width:4.2rem;padding:0 .9rem}.hrc-popup-nav{display:none}.hrc-popup-badge{top:1.2rem;left:1.2rem;padding:.5rem 1rem}}@media(max-height:720px)and (max-width:768px){.hrc-popup-left{height:34dvh}}.hrc-popup img,.hrc-popup video{max-width:100%}
/*# sourceMappingURL=/cdn/shop/t/17/assets/quickadd-popup.css.map */