.hk-compare-modal[hidden]{display:none!important}.hk-compare-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;font-family:var(--font-body-family,inherit);color:#161616}.hk-compare-modal *{box-sizing:border-box}.hk-compare-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#12121285;opacity:0;transition:opacity .22s ease}.hk-compare-modal__dialog{position:absolute;left:50%;top:50%;right:auto;bottom:auto;width:min(96vw,104rem);max-height:86vh;transform:translate(-50%,calc(-50% + 1rem)) scale(.992);background:#fff;border-radius:.5rem;box-shadow:0 1.4rem 4rem #0000003d;overflow:hidden;opacity:0;transform:translateY(1rem) scale(.992);transition:opacity .22s ease,transform .22s ease;outline:0}.hk-compare-modal.is-open .hk-compare-modal__backdrop{opacity:1}.hk-compare-modal.is-open .hk-compare-modal__dialog{opacity:1;transform:translate(-50%,-50%)}html.hk-compare-open,html.hk-compare-open body{overflow:hidden!important}.hk-compare-modal__toolbar{height:3.85rem;padding:0 3.8rem 0 1rem;display:flex;align-items:center;border-bottom:1px solid #ececec;background:#fff;position:relative;z-index:4}.hk-compare-modal__toolbar-spacer{display:none}.hk-compare-modal__controls{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:.9rem;white-space:nowrap;max-width:calc(100% - 9rem)}.hk-compare-tool,.hk-compare-modal__close{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#171717;font:inherit;cursor:pointer}.hk-compare-tool{display:inline-flex;align-items:center;gap:.3rem;font-size:.86rem;font-weight:650;padding:.32rem .15rem}.hk-compare-tool:hover{color:var(--hk-compare-accent,#ec8929)}.hk-compare-modal__close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:50%;font-size:2rem;line-height:1;z-index:10}.hk-compare-modal__close:hover{background:#f4f4f4}.hk-compare-difference{display:inline-flex;align-items:center;gap:.38rem;font-size:.86rem;font-weight:650;cursor:pointer}.hk-compare-difference input{position:absolute;opacity:0;pointer-events:none}.hk-compare-difference__box{width:1.15rem;height:1.15rem;border:1px solid #222;display:grid;place-items:center;background:#fff}.hk-compare-difference input:checked+.hk-compare-difference__box{background:#111}.hk-compare-difference input:checked+.hk-compare-difference__box:after{content:"\2713";color:#fff;font-size:.78rem;line-height:1}.hk-compare-difference.is-active{color:#111}.hk-compare-difference.is-disabled{opacity:.5}.hk-compare-picker{position:relative}.hk-compare-picker__panel{position:absolute;top:calc(100% + .45rem);left:50%;transform:translate(-50%);width:min(21rem,80vw);max-height:24rem;background:#fff;border:1px solid #ededed;border-radius:.35rem;box-shadow:0 .85rem 2.2rem #00000029;padding:.55rem;z-index:8}.hk-compare-picker__list{max-height:20.5rem;overflow:auto;overscroll-behavior:contain}.hk-compare-picker__item{display:flex;align-items:center;gap:.65rem;width:100%;min-height:2.7rem;padding:.35rem .45rem;border-radius:.25rem;font-size:.9rem;cursor:pointer}.hk-compare-picker__item:hover{background:#f6f6f6}.hk-compare-picker__item input{width:1.1rem;height:1.1rem;accent-color:#111;flex:0 0 auto}.hk-compare-picker__item.is-disabled{opacity:.42;cursor:not-allowed}.hk-compare-picker__hint{min-height:1.2rem;margin:.35rem .45rem 0;color:#777;font-size:.75rem;line-height:1.25}.hk-compare-modal__body{height:auto;max-height:calc(86vh - 3.85rem);overflow:hidden}.hk-compare-table-wrap{height:auto;max-height:calc(86vh - 3.85rem);overflow:auto;overscroll-behavior:contain;padding:0 1.35rem 1rem;scroll-padding-inline:1.35rem}.hk-compare-table{--hk-compare-count:2;width:100%;min-width:0;margin:0;display:grid;grid-template-columns:10.5rem repeat(var(--hk-compare-count),minmax(0,1fr));align-items:stretch}.hk-compare-row{display:contents}.hk-compare-cell{min-width:0;border-bottom:1px solid #ededed;padding:.76rem .68rem;background:#fff}.hk-compare-cell--label{position:sticky;left:0;z-index:2;font-size:.82rem;font-weight:680;background:#fff}.hk-compare-row.is-hidden{display:none}.hk-compare-model-label{padding-top:1.45rem;font-size:.82rem;font-weight:700}.hk-compare-model-cell{position:relative;text-align:center;padding:.95rem 1.15rem 1.05rem;animation:hkCompareIn .2s ease both}@keyframes hkCompareIn{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.hk-compare-model-cell__remove{position:absolute;right:.65rem;top:.65rem;width:1.6rem;height:1.6rem;border:0;border-radius:.2rem;background:#222;color:#fff;display:grid;place-items:center;font-size:1.15rem;line-height:1;cursor:pointer}.hk-compare-model-cell__title{display:block;margin:.1rem 2rem .5rem;color:#141414;font-family:var(--font-heading-family,inherit);font-size:.95rem;font-weight:720;line-height:1.25;text-decoration:none}.hk-compare-model-cell__image{height:10.2rem;display:flex;align-items:center;justify-content:center;margin:.05rem auto .5rem}.hk-compare-model-cell__image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.hk-compare-color-picker{margin:.1rem auto .5rem;max-width:17rem;text-align:left}.hk-compare-color-picker__label{margin-bottom:.35rem;color:#333;font-size:.72rem;line-height:1.25}.hk-compare-color-picker__label strong{font-weight:700}.hk-compare-color-thumbs{display:flex;align-items:center;justify-content:center;gap:.38rem;flex-wrap:wrap}.hk-compare-color-thumb{width:3.05rem;height:2.45rem;padding:.12rem;border:1px solid #dedede;border-radius:.28rem;background:#fff;display:grid;place-items:center;overflow:hidden;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.hk-compare-color-thumb:hover{border-color:#777;transform:translateY(-1px)}.hk-compare-color-thumb.is-active{border:2px solid #171717;padding:.07rem;box-shadow:0 0 0 1px #fffffff2}.hk-compare-color-thumb img{display:block;width:100%;height:100%;object-fit:contain}.hk-compare-model-cell__price{font-size:.86rem;font-weight:700}.hk-compare-model-cell__compare{margin-left:.25rem;color:#868686;font-size:.74rem;text-decoration:line-through;font-weight:500}.hk-compare-model-cell__feature{margin:.7rem auto 0;max-width:22rem;color:#555;font-size:.75rem;line-height:1.4}.hk-compare-value{text-align:center;font-size:.84rem;line-height:1.4;font-weight:520;color:#292929}.hk-compare-view{display:inline-flex;align-items:center;justify-content:center;min-width:6.6rem;min-height:2.05rem;margin-top:.55rem;padding:0 1rem;background:#151515;color:#fff;text-decoration:none;font-size:.76rem;font-weight:700;transition:background .18s ease,transform .18s ease}.hk-compare-view:hover{background:var(--hk-compare-accent,#ec8929);color:#111}.hk-compare-view:active{transform:scale(.98)}.hk-compare-empty{grid-column:1/-1;min-height:22rem;display:grid;place-items:center;text-align:center;color:#666;padding:2rem}.hk-compare-empty strong{display:block;color:#171717;font-size:1.15rem;margin-bottom:.35rem}.hk-compare-modal__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:46.8125em){.hk-compare-modal__dialog{left:0;right:0;top:0;bottom:0;width:auto;max-height:none;transform:translateY(1rem) scale(.992);border-radius:0}.hk-compare-modal.is-open .hk-compare-modal__dialog{transform:none}.hk-compare-modal__toolbar{height:auto;min-height:4rem;padding:.6rem 3rem .6rem .7rem;display:block}.hk-compare-modal__toolbar-spacer{display:none}.hk-compare-modal__controls{position:static;transform:none;max-width:none;justify-content:flex-start;gap:.75rem;overflow-x:auto;scrollbar-width:none;padding-right:.4rem}.hk-compare-modal__controls::-webkit-scrollbar{display:none}.hk-compare-tool,.hk-compare-difference{font-size:.76rem}.hk-compare-modal__close{right:.55rem;top:50%;width:2rem;height:2rem;font-size:1.6rem}.hk-compare-modal__body{height:calc(100% - 4.3rem);max-height:none}.hk-compare-table-wrap{height:100%;max-height:none;padding:0 .4rem .7rem}.hk-compare-table{width:max-content;min-width:max(100%,calc(5.4rem + var(--hk-compare-count) * 9rem));margin:0;grid-template-columns:5.4rem repeat(var(--hk-compare-count),9rem)}.hk-compare-cell{padding:.8rem .45rem}.hk-compare-cell--label{font-size:.69rem}.hk-compare-model-cell{padding:.8rem .45rem 1rem}.hk-compare-model-cell__remove{right:.3rem;top:.35rem;width:1.35rem;height:1.35rem;font-size:1rem}.hk-compare-model-cell__title{margin:.1rem 1.2rem .45rem;font-size:.76rem}.hk-compare-model-cell__image{height:6.3rem;margin-bottom:.45rem}.hk-compare-color-picker{margin:.1rem auto .5rem;max-width:8.8rem}.hk-compare-color-picker__label{font-size:.62rem;margin-bottom:.25rem}.hk-compare-color-thumbs{gap:.25rem}.hk-compare-color-thumb{width:2.35rem;height:1.9rem;border-radius:.22rem}.hk-compare-model-cell__price{font-size:.72rem}.hk-compare-model-cell__compare{display:block;margin:.15rem 0 0;font-size:.62rem}.hk-compare-model-cell__feature{font-size:.64rem;margin-top:.45rem}.hk-compare-value{font-size:.69rem}.hk-compare-view{min-width:5.8rem;min-height:1.9rem;margin-top:.55rem;padding:0 .55rem;font-size:.65rem}.hk-compare-picker__panel{position:fixed;left:.65rem;right:.65rem;top:4.1rem;transform:none;width:auto;max-height:60vh}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/hiknight-product-compare.css.map */