@keyframes gjones-spin{to{transform:rotate(360deg)}}.gjones-spinner{display:inline-block;width:13px;height:13px;border:1.5px solid rgba(128,128,128,.25);border-top-color:currentColor;border-radius:50%;animation:gjones-spin .65s linear infinite;vertical-align:middle;flex-shrink:0}@keyframes gjones-check-circle{0%{stroke-dashoffset:56}to{stroke-dashoffset:0}}@keyframes gjones-check-tick{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes gjones-check-fade{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.gjones-success-icon{display:inline-flex;align-items:center;justify-content:center;animation:gjones-check-fade .2s cubic-bezier(.34,1.56,.64,1) both}.gjones-success-icon svg{overflow:visible}.gjones-success-icon__circle{stroke-dasharray:56;stroke-dashoffset:56;animation:gjones-check-circle .35s cubic-bezier(.16,1,.3,1) .05s both}.gjones-success-icon__tick{stroke-dasharray:20;stroke-dashoffset:20;animation:gjones-check-tick .25s cubic-bezier(.16,1,.3,1) .3s both}.gjones-modal *,.gjones-modal *:before,.gjones-modal *:after{box-sizing:border-box;margin:0;padding:0}.gjones-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center}.gjones-modal.is-open,.gjones-modal.is-closing{display:flex}@keyframes gjones-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes gjones-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes gjones-dialog-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gjones-dialog-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@keyframes gjones-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gjones-modal.is-open .gjones-modal__title{animation:gjones-item-in .5s cubic-bezier(.16,1,.3,1) .15s both}.gjones-modal.is-open .gjones-modal__price{animation:gjones-item-in .5s cubic-bezier(.16,1,.3,1) .2s both}.gjones-modal.is-open .gjones-modal__body{animation:gjones-item-in .5s cubic-bezier(.16,1,.3,1) .24s both}.gjones-modal.is-open [data-modal-sizes]{animation:gjones-item-in .5s cubic-bezier(.16,1,.3,1) .28s both}.gjones-modal.is-open .gjones-modal__cart-row{animation:gjones-item-in .5s cubic-bezier(.16,1,.3,1) .31s both}.gjones-modal.is-open .gjones-modal__view-link{animation:gjones-item-in .5s cubic-bezier(.16,1,.3,1) .36s both}.gjones-modal.is-closing .gjones-modal__dialog{animation:gjones-dialog-out .22s ease forwards}body.gjones-modal-closing:after{animation:gjones-backdrop-out .25s ease forwards}.gjones-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;cursor:pointer}body.gjones-modal-open:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#00000085;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:gjones-backdrop-in .3s ease forwards;pointer-events:none}.gjones-modal__dialog{position:relative;z-index:1;display:flex;flex-direction:row;align-items:stretch;background:#fff;width:820px;max-width:95vw;max-height:90vh;border-radius:0;border:1px solid rgba(0,0,0,.07);box-shadow:0 40px 120px #00000047,0 8px 24px #0000001a;animation:gjones-dialog-in .42s cubic-bezier(.16,1,.3,1) forwards}.gjones-modal__close{position:absolute;top:18px;right:18px;z-index:10;width:32px;height:32px;background:transparent;border:.5px solid #d8d8d8;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#999;transition:background .2s ease,border-color .2s ease,color .2s ease}.gjones-modal__close:hover{background:#111;border-color:#111;color:#fff}.gjones-modal__close svg{width:11px;height:11px;stroke-width:1.5}.gjones-modal__image-col{position:relative;width:360px;min-height:0;flex-shrink:0;overflow:hidden;background:#f0f0f0;display:flex;align-items:stretch;justify-content:center;border-right:1px solid rgba(0,0,0,.07)}.gjones-modal__img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:opacity .2s ease}.gjones-modal__img-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:32px;height:32px;background:#ffffffe0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#111;opacity:0;transition:opacity .2s ease,background .15s ease}.gjones-modal__image-col:hover .gjones-modal__img-arrow{opacity:1}.gjones-modal__img-arrow:hover{background:#fff}.gjones-modal__img-arrow svg{width:10px;height:10px}.gjones-modal__img-arrow--prev{left:12px}.gjones-modal__img-arrow--next{right:12px}.gjones-modal__img-arrow[hidden]{display:none}.gjones-modal__image-col:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 52%,rgba(0,0,0,.06) 100%);pointer-events:none;z-index:2}.gjones-modal__content-col{flex:1;padding:40px 44px 36px;display:flex;flex-direction:column;overflow-y:auto;background:#fff;max-height:560px;scrollbar-width:thin;scrollbar-color:#ddd transparent}.gjones-modal__content-col:before{content:"";display:block;width:24px;height:2px;background:#111;margin-bottom:22px;flex-shrink:0}.gjones-modal__content-col::-webkit-scrollbar{width:3px}.gjones-modal__content-col::-webkit-scrollbar-track{background:transparent}.gjones-modal__content-col::-webkit-scrollbar-thumb{background:#ddd;border-radius:0}.gjones-modal__title{font-size:15px;font-weight:500;color:#111;line-height:1.5;margin-bottom:14px;letter-spacing:.1em;text-transform:uppercase;font-family:inherit;padding-right:44px}.gjones-modal__price{font-size:30px;font-weight:300;color:#111;letter-spacing:-.01em;padding-bottom:28px;border-bottom:.5px solid #ddd;margin-bottom:28px;line-height:1}.gjones-modal__price-sale{color:#8b3a2a;margin-right:8px}.gjones-modal__price-compare{font-size:20px;font-weight:300;color:#c8c8c8;text-decoration:line-through}.gjones-modal__size-wrapper{margin-bottom:20px}.gjones-modal__size-label{font-size:9px;color:#bbb;margin-bottom:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:baseline}.gjones-modal__size-label span{color:#222;font-weight:400;letter-spacing:.04em;text-transform:none;font-size:12px}.gjones-modal__size-options{display:flex;flex-wrap:wrap;gap:6px}.gjones-modal__size-btn{min-width:50px;height:44px;border:.5px solid #ccc;background:transparent;font-size:11px;font-weight:400;letter-spacing:.06em;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:0;transition:border-color .18s ease,background .18s ease,color .18s ease;font-family:inherit;padding:0 14px;text-transform:uppercase}.gjones-modal__size-btn:hover{border-color:#333;color:#111;background:#f0ece4}.gjones-modal__size-btn:active{transform:scale(.96)}.gjones-modal__size-btn.is-active{background:#111;border-color:#111;color:#fff}.gjones-modal__size-btn.is-unavailable{opacity:.22;cursor:not-allowed;text-decoration:line-through}.gjones-modal__cart-row{display:flex;gap:0;margin-top:0;padding-top:20px;border-top:.5px solid #e8e3db;margin-bottom:0;align-items:stretch;height:56px}.gjones-modal__quantity{display:flex;align-items:center;flex-shrink:0;border:.5px solid #ccc;border-right:none}.gjones-modal__qty-btn{width:42px;height:100%;background:transparent;border:none;cursor:pointer;font-size:18px;color:#bbb;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;padding:0;font-family:inherit;transition:color .15s ease,background .15s ease}.gjones-modal__qty-btn:hover{color:#111;background:#00000008}.gjones-modal__qty-value{width:44px;height:100%;text-align:center;font-size:13px;color:#111;font-weight:400;letter-spacing:.06em;border-left:.5px solid #ccc;border-right:.5px solid #ccc;display:flex;align-items:center;justify-content:center}.gjones-modal__add-to-cart{flex:1;height:100%;border:none;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;font-family:inherit;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:8px;background-image:linear-gradient(to right,#fff 50%,#111 50%);background-size:200% 100%;background-position:right;color:#fff;transition:background-position .45s cubic-bezier(.32,.72,0,1),color .45s ease}.gjones-modal__add-to-cart:hover:not(:disabled){background-position:left;color:#111}@keyframes gjones-atc-pulse{0%,to{border-color:#ccc}50%{border-color:#888}}.gjones-modal__add-to-cart:disabled{background:transparent;background-image:none;border:.5px solid #ccc;color:#777;cursor:not-allowed;letter-spacing:.15em;animation:gjones-atc-pulse 2.8s ease-in-out infinite}.gjones-modal__view-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#888;text-decoration:none;position:relative;padding-bottom:3px;transition:color .22s ease;font-family:inherit;align-self:flex-start}.gjones-modal__view-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:.5px;background:#333;transition:width .38s cubic-bezier(.32,.72,0,1)}.gjones-modal__view-link:hover{color:#333}.gjones-modal__view-link:hover:after{width:100%}.gjones-modal__body{margin-top:0}.gjones-modal__body:empty{display:none}.gjones-modal__colors{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.gjones-modal__color-btn{position:relative;width:32px;height:32px;border-radius:50%;overflow:visible;border:none;padding:0;cursor:pointer;background:#eee;box-shadow:0 0 0 1px #00000024;transition:box-shadow .2s ease,transform .15s ease}.gjones-modal__color-btn:after{content:attr(data-modal-color);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#111;color:#fff;font-size:8px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;font-family:inherit;z-index:20}.gjones-modal__color-btn:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.gjones-modal__color-btn:hover{transform:scale(1.1);box-shadow:0 0 0 1px #00000047}.gjones-modal__color-btn.is-active{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #111;transform:scale(1.05)}.gjones-modal__color-btn img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.gjones-modal__color-dot{display:block;width:100%;height:100%;border-radius:50%;background:#ccc}@media(max-width:900px)and (min-width:641px){.gjones-modal__dialog{width:92vw}.gjones-modal__image-col{width:280px}.gjones-modal__content-col{max-height:none}}@media(max-width:640px){.gjones-modal__dialog{flex-direction:column;width:95vw;height:auto;max-height:95vh;border-radius:0}.gjones-modal__image-col{width:100%;height:280px;flex-shrink:0;border-right:none;border-bottom:1px solid rgba(0,0,0,.07)}.gjones-modal__content-col{padding:28px 24px 24px}.gjones-modal__content-col:before{margin-bottom:16px}.gjones-modal__title{font-size:13px}.gjones-modal__price{font-size:22px}}.gjones-quick-add-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:flex-end;visibility:hidden;pointer-events:none}.gjones-quick-add-sheet.is-active{visibility:visible;pointer-events:auto}.gjones-quick-add-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .4s ease;font-size:0;line-height:0;color:transparent}.gjones-quick-add-sheet.is-active .gjones-quick-add-sheet__backdrop{background:#0000008c}.gjones-quick-add-sheet__panel{position:relative;width:100%;max-height:92vh;background:#f8f6f1;border-radius:28px 28px 0 0;transform:translateY(100%);transition:transform .48s cubic-bezier(.32,.72,0,1);overflow:hidden;display:flex;flex-direction:column}.gjones-quick-add-sheet.is-active .gjones-quick-add-sheet__panel{transform:translateY(0)}.gjones-quick-add-sheet__panel *{border-top:none!important;border-bottom:none!important}.gjones-quick-add-sheet__controls{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:12px 0 0;pointer-events:none}.gjones-quick-add-sheet__drag-handle{width:40px;height:4px;background:#ffffff73;border-radius:4px;pointer-events:none}.gjones-quick-add-sheet__close{position:absolute;top:16px;right:16px;z-index:21;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00000047;border:none!important;border-radius:50%;cursor:pointer;color:#fff;transition:background .25s ease,transform .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.gjones-quick-add-sheet__close:active{transform:scale(.88);background:#00000073}.gjones-quick-add-sheet__close svg{width:13px;height:13px}.gjones-quick-add-sheet__scroll{overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gjones-quick-add-sheet__scroll::-webkit-scrollbar{display:none}.gjones-quick-add-sheet__body{padding:0}.gjones-quick-add-sheet__product-hero{position:relative;width:100%;aspect-ratio:3 / 4;background:#e8e4dc;flex-shrink:0;border-radius:28px 28px 0 0;overflow:hidden}.gjones-quick-add-sheet__hero-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:opacity .3s ease}.gjones-quick-add-sheet__hero-info{position:absolute;bottom:0;left:0;right:0;padding:80px 24px 22px;background:linear-gradient(to top,rgba(0,0,0,.62) 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.08) 70%,transparent 100%)}.gjones-quick-add-sheet__product-name{font-size:12px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#ffffffbf;line-height:1.4;margin-bottom:8px}.gjones-quick-add-sheet__product-price{font-size:22px;font-weight:600;color:#fff;letter-spacing:.02em;display:flex;align-items:baseline;gap:10px}.gjones-quick-add-sheet__price-sale{color:#f87171}.gjones-quick-add-sheet__price-compare{font-size:14px;font-weight:400;color:#ffffff73;text-decoration:line-through}.gjones-quick-add-sheet__sale-badge{position:absolute;top:16px;left:18px;background:#b91c1c;color:#fff;font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:5px 12px;border-radius:100px}.gjones-quick-add-sheet__section{padding:22px 24px 0}.gjones-quick-add-sheet__section+.gjones-quick-add-sheet__section{padding-top:24px}.gjones-quick-add-sheet__label{margin:0 0 16px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#9a9489}.gjones-quick-add-sheet__label strong{color:#2c2825;font-weight:600;font-size:12px;text-transform:none;letter-spacing:.01em}.gjones-quick-add-sheet__colors{display:flex;flex-wrap:wrap;gap:14px}.gjones-quick-add-sheet__color-btn{width:44px;height:44px;border-radius:50%;overflow:visible;border:2px solid rgba(0,0,0,.06)!important;padding:0;cursor:pointer;background:#e8e4dc;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;position:relative}.gjones-quick-add-sheet__color-btn.is-active{box-shadow:0 0 0 3px #f8f6f1,0 0 0 5px #2c2825;border-color:transparent!important}.gjones-quick-add-sheet__color-btn:active{transform:scale(.85)}.gjones-quick-add-sheet__color-btn img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.gjones-quick-add-sheet__color-dot{display:block;width:100%;height:100%;border-radius:50%;background:#ccc}.gjones-quick-add-sheet__sizes{display:flex;flex-wrap:wrap;gap:10px}.gjones-quick-add-sheet__size-btn{display:flex;align-items:center;justify-content:center;min-width:52px;padding:12px 18px;background:#ffffffb3;border:1px solid rgba(0,0,0,.08)!important;border-radius:100px;font-size:13px;font-weight:500;letter-spacing:.04em;cursor:pointer;color:#3d3833;font-family:inherit;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.gjones-quick-add-sheet__size-btn:active:not(:disabled){transform:scale(.9)}.gjones-quick-add-sheet__size-btn--sold-out{opacity:.22;text-decoration:line-through;cursor:not-allowed;background:transparent}.gjones-quick-add-sheet__size-btn.is-active{border-color:#2c2825!important;background:#2c2825;color:#f8f6f1;box-shadow:0 2px 8px #2c28252e}.gjones-quick-add-sheet__footer{padding:22px 24px calc(env(safe-area-inset-bottom,0px) + 22px)}.gjones-quick-add-sheet__cart-row{display:flex;gap:12px;align-items:stretch;margin-bottom:16px}.gjones-quick-add-sheet__qty{display:flex;align-items:center;border:1px solid rgba(0,0,0,.08)!important;border-radius:100px;height:56px;flex-shrink:0;background:#ffffffb3}.gjones-quick-add-sheet__qty-btn{width:40px;height:100%;background:transparent;border:none;cursor:pointer;font-size:18px;color:#6b6560;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit;transition:color .15s ease;-webkit-user-select:none;user-select:none}.gjones-quick-add-sheet__qty-btn:active{color:#2c2825}.gjones-quick-add-sheet__qty-val{width:28px;text-align:center;font-size:14px;font-weight:600;color:#2c2825;display:flex;align-items:center;justify-content:center;height:100%}.gjones-quick-add-sheet__atc-btn{flex:1;height:56px;background:#2c2825;color:#f8f6f1;border:none!important;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);font-family:inherit;padding:0 16px;box-shadow:0 4px 16px #2c282526}.gjones-quick-add-sheet__atc-btn:active:not(:disabled){transform:scale(.96);box-shadow:0 2px 8px #2c282533}.gjones-quick-add-sheet__atc-btn:disabled{background:transparent;border:1px solid rgba(0,0,0,.1)!important;color:#b5b0a9;cursor:not-allowed;box-shadow:none}.gjones-quick-add-sheet__view-link{display:block;text-align:center;padding:2px 0 0;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#9a9489;text-decoration:none;transition:color .2s ease;position:relative}.gjones-quick-add-sheet__view-link:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80px;height:1px;background:#0000001a}.gjones-quick-add-sheet__view-link:active{color:#2c2825}@keyframes gjones-sheet-item-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.gjones-sheet-animating [data-quick-add-sheet-body]>*:nth-child(1){animation:gjones-sheet-item-in .55s cubic-bezier(.16,1,.3,1) .04s both}.gjones-sheet-animating [data-quick-add-sheet-body]>*:nth-child(2){animation:gjones-sheet-item-in .5s cubic-bezier(.16,1,.3,1) .12s both}.gjones-sheet-animating [data-quick-add-sheet-body]>*:nth-child(3){animation:gjones-sheet-item-in .45s cubic-bezier(.16,1,.3,1) .2s both}.gjones-sheet-animating [data-quick-add-sheet-body]>*:nth-child(4){animation:gjones-sheet-item-in .45s cubic-bezier(.16,1,.3,1) .28s both}
/*# sourceMappingURL=/cdn/shop/t/21/assets/gjones-quick-add.css.map */