.hk-accessory-upsell[hidden]{display:none!important}.hk-accessory-upsell{--hk-upsell-accent:#f08a24;--hk-upsell-ink:#151515;--hk-upsell-muted:#6f6f6f;--hk-upsell-border:#e9e9e9;--hk-upsell-surface:#ffffff;--hk-upsell-soft:#f7f7f5;--hk-upsell-drawer-width:0px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482000;isolation:isolate;pointer-events:none;font-family:var(--font-body-family,inherit)}.hk-accessory-upsell *{box-sizing:border-box}.hk-accessory-upsell__backdrop{appearance:none;-webkit-appearance:none;position:absolute;inset:0 var(--hk-upsell-drawer-width) 0 0;border:0;padding:0;background:#11111180;opacity:0;pointer-events:auto;cursor:default;z-index:0;transition:opacity .22s ease}.hk-accessory-upsell__dialog{position:absolute;z-index:2;left:calc((100vw - var(--hk-upsell-drawer-width))/2);top:50%;width:min(58rem,calc(100vw - var(--hk-upsell-drawer-width) - 4rem));max-height:min(76vh,46rem);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,.055);border-radius:.9rem;background:var(--hk-upsell-surface);box-shadow:0 1.6rem 5rem #0000003b;opacity:0;transform:translate(-50%,calc(-50% + 1rem)) scale(.985);pointer-events:auto;outline:none;transition:opacity .22s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.hk-accessory-upsell.is-open .hk-accessory-upsell__backdrop{opacity:1}.hk-accessory-upsell.is-open .hk-accessory-upsell__dialog{opacity:1;transform:translate(-50%,-50%) scale(1)}.hk-accessory-upsell__header{flex:0 0 auto;min-height:6.2rem;padding:1.25rem 1.5rem 1.05rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;border-bottom:1px solid var(--hk-upsell-border)}.hk-accessory-upsell__heading{min-width:0}.hk-accessory-upsell__eyebrow{display:block;margin-bottom:.35rem;color:var(--hk-upsell-accent);font-size:.68rem;line-height:1;font-weight:800;letter-spacing:.14em}.hk-accessory-upsell__title{margin:0;color:var(--hk-upsell-ink);font-family:var(--font-heading-family,inherit);font-size:1.65rem;line-height:1.05;font-weight:780;letter-spacing:-.025em}.hk-accessory-upsell__subtitle{margin:.4rem 0 0;color:var(--hk-upsell-muted);font-size:.82rem;line-height:1.35}.hk-accessory-upsell__close{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:2.35rem;height:2.35rem;display:grid;place-items:center;padding:0;border:1px solid #e7e7e7;border-radius:50%;background:#fff;color:#171717;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.hk-accessory-upsell__close:hover{border-color:#d4d4d4;background:#f6f6f6;transform:rotate(4deg)}.hk-accessory-upsell__scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:1.25rem 1.4rem 1.4rem;scrollbar-width:thin;scrollbar-color:#b6b6b6 transparent}.hk-accessory-upsell__scroll::-webkit-scrollbar{width:.42rem}.hk-accessory-upsell__scroll::-webkit-scrollbar-thumb{background:#b6b6b6;border-radius:999px}.hk-accessory-upsell__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.hk-accessory-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--hk-upsell-border);border-radius:.72rem;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hk-accessory-card:hover{transform:translateY(-2px);border-color:#d8d8d8;box-shadow:0 .6rem 1.6rem #00000012}.hk-accessory-card.is-in-cart{border-color:#f08a2461;background:#fffdf9}.hk-accessory-card__media{position:relative;aspect-ratio:1.15/1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#fafafa,#f6f6f4)}.hk-accessory-card__media:after{content:"";position:absolute;inset:auto 12% 7% 12%;height:.4rem;border-radius:50%;background:#00000014;filter:blur(.35rem)}.hk-accessory-card__media img{position:relative;z-index:1;display:block;width:88%;height:88%;object-fit:contain;transition:transform .24s ease}.hk-accessory-card:hover .hk-accessory-card__media img{transform:scale(1.035)}.hk-accessory-card__body{flex:1;min-width:0;padding:.82rem .82rem .76rem;display:flex;flex-direction:column}.hk-accessory-card__title{min-height:2.35em;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--hk-upsell-ink);font-size:.78rem;line-height:1.18;font-weight:680;text-decoration:none}.hk-accessory-card__title:hover{color:var(--hk-upsell-accent)}.hk-accessory-card__variant-wrap{display:grid;gap:.22rem;margin-top:.55rem}.hk-accessory-card__variant-label{color:#888;font-size:.62rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.hk-accessory-card__variant{width:100%;min-height:2rem;padding:0 1.75rem 0 .55rem;border:1px solid #dedede;border-radius:.35rem;background:#fff;color:#252525;font:inherit;font-size:.68rem;outline:none}.hk-accessory-card__variant:focus{border-color:#9b9b9b}.hk-accessory-card__footer{margin-top:auto;padding-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.55rem}.hk-accessory-card__price-wrap{min-width:0;display:flex;align-items:baseline;gap:.3rem;flex-wrap:wrap}.hk-accessory-card__price{color:#151515;font-size:.77rem;line-height:1;font-weight:780}.hk-accessory-card__compare-price{color:#999;font-size:.64rem;line-height:1}.hk-accessory-card__add{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;min-width:3.45rem;min-height:2rem;padding:0 .7rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfcfcf;border-radius:.36rem;background:#fff;color:#161616;font:inherit;font-size:.68rem;line-height:1;font-weight:760;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .14s ease}.hk-accessory-card__add:hover{border-color:#171717;background:#171717;color:#fff}.hk-accessory-card__add:active{transform:scale(.97)}.hk-accessory-card__add[aria-busy=true]{color:transparent;pointer-events:none}.hk-accessory-card__add.is-added,.hk-accessory-card__add.is-added:hover{border-color:var(--hk-upsell-accent);background:var(--hk-upsell-accent);color:#161616}.hk-accessory-card__spinner{position:absolute;width:.85rem;height:.85rem;border:.12rem solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0;animation:hkUpsellSpin .7s linear infinite}.hk-accessory-card__add[aria-busy=true] .hk-accessory-card__spinner{opacity:1;color:#161616}@keyframes hkUpsellSpin{to{transform:rotate(360deg)}}.hk-accessory-card__status{min-height:.9rem;margin:.38rem 0 0;color:#8a8a8a;font-size:.61rem;line-height:1.2}.hk-accessory-card__status.is-error{color:#c23d2c}.hk-accessory-upsell__footer{flex:0 0 auto;min-height:4.25rem;padding:.8rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--hk-upsell-border);background:#fff}.hk-accessory-upsell__footer-copy{min-width:0;display:flex;flex-direction:column;gap:.15rem;color:#777;font-size:.7rem;line-height:1.2}.hk-accessory-upsell__footer-copy strong{color:#222;font-size:.72rem;font-weight:750}.hk-accessory-upsell__continue{appearance:none;-webkit-appearance:none;min-height:2.55rem;padding:0 1.05rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:.42rem;background:#171717;color:#fff;font:inherit;font-size:.73rem;font-weight:760;cursor:pointer;transition:background .16s ease,transform .14s ease}.hk-accessory-upsell__continue:hover{background:var(--hk-upsell-accent);color:#171717}.hk-accessory-upsell__continue:active{transform:scale(.985)}@media(max-width:72rem){.hk-accessory-upsell__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hk-accessory-upsell__dialog{width:min(52rem,calc(100vw - var(--hk-upsell-drawer-width) - 2.5rem))}}@media(max-width:58rem){.hk-accessory-upsell{--hk-upsell-drawer-width:0px!important;z-index:2147483646!important}.hk-accessory-upsell__backdrop{top:0;right:0;bottom:0;left:0;background:#0c0c0c9e}.hk-accessory-upsell__dialog{left:.65rem;right:.65rem;top:auto;bottom:max(.65rem,env(safe-area-inset-bottom));width:auto;max-height:min(82dvh,46rem);border-radius:1rem;transform:translateY(calc(100% + 2rem));box-shadow:0 1.5rem 4rem #00000057}.hk-accessory-upsell.is-open .hk-accessory-upsell__dialog{transform:translateY(0)}.hk-accessory-upsell__header{min-height:auto;padding:.9rem .9rem .72rem;gap:.75rem}.hk-accessory-upsell__eyebrow{margin-bottom:.25rem;font-size:.58rem}.hk-accessory-upsell__title{font-size:1.2rem;line-height:1.05}.hk-accessory-upsell__subtitle{margin-top:.28rem;font-size:.68rem;line-height:1.3}.hk-accessory-upsell__close{width:2rem;height:2rem}.hk-accessory-upsell__scroll{padding:.75rem .75rem .85rem}.hk-accessory-upsell__grid{display:flex;overflow-x:auto;gap:.65rem;padding:.05rem .05rem .35rem;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hk-accessory-upsell__grid::-webkit-scrollbar{display:none}.hk-accessory-card{flex:0 0 min(76vw,18rem);scroll-snap-align:center;border-radius:.7rem}.hk-accessory-card__media{aspect-ratio:1.22/1}.hk-accessory-card__body{padding:.68rem .7rem .62rem}.hk-accessory-card__title{min-height:auto;font-size:.74rem}.hk-accessory-card__footer{padding-top:.62rem}.hk-accessory-card__add{min-height:2.05rem;min-width:4.6rem}.hk-accessory-upsell__footer{position:sticky;bottom:0;min-height:auto;padding:.65rem .75rem calc(.65rem + env(safe-area-inset-bottom));gap:.6rem;box-shadow:0 -.45rem 1.2rem #00000009}.hk-accessory-upsell__footer-copy{display:none}.hk-accessory-upsell__continue{width:100%;min-height:2.7rem}}@media(max-width:26rem){.hk-accessory-upsell__dialog{left:.45rem;right:.45rem;bottom:max(.45rem,env(safe-area-inset-bottom))}.hk-accessory-card{flex-basis:82vw}.hk-accessory-upsell__subtitle{max-width:72vw}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/hiknight-accessory-upsell.css.map */