.hng{width:100%}.hng__inner{margin:0 auto}.hng__header{max-width:100%}.hng__title{line-height:1.3;letter-spacing:.02em}.hng__desc{line-height:1.5}.hng__cards{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}.hng__card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 14px 18px;cursor:pointer;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;outline:none;appearance:none;-webkit-appearance:none;margin:0;min-width:0}.hng__card:hover{box-shadow:0 4px 16px #00000014}.hng__card:focus-visible{outline:2px solid var(--hng-active-border, #1a1a1a);outline-offset:2px}.hng__card.is-active{border-color:var(--hng-active-border, #1a1a1a)!important;box-shadow:0 4px 18px #0000001a}.hng__size{margin:0 0 10px;line-height:1.3}.hng__img-wrap{width:100%;max-width:220px;overflow:hidden;border-radius:6px;background:#f5f5f5;margin-bottom:12px}.hng__img{width:100%;height:100%;object-fit:cover;display:block}.hng__img-placeholder{width:100%;height:100%;min-height:100px;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.hng__surface{margin:0 0 4px;line-height:1.3}.hng__detail{margin:0;line-height:1.5;max-width:220px}.hng__scale{width:100%}.hng__scale-labels{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px;gap:12px}.hng__scale-label{display:flex;flex-direction:column;gap:2px;line-height:1.35}.hng__scale-label--left{text-align:left}.hng__scale-label--right{text-align:right}.hng__scale-line{display:block}.hng__bar{position:relative;width:100%;display:flex;align-items:center}.hng__bar-track{width:100%;height:100%;border-radius:999px}.hng__bar-marker{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);border-radius:50%;border-width:2px;border-style:solid;display:flex;align-items:center;justify-content:center;color:#fff;transition:left .35s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0003;z-index:1;pointer-events:none}.hng__bar-arrow{width:55%;height:55%;display:block}@media(max-width:749px){.hng__cards{grid-template-columns:1fr;max-width:320px;margin-left:auto;margin-right:auto}.hng__card{padding:14px 12px 16px}.hng__img-wrap,.hng__detail{max-width:100%}.hng__scale-labels{margin-bottom:8px}}@media(min-width:750px)and (max-width:900px){.hng__cards{grid-template-columns:repeat(3,1fr)}.hng__detail{max-width:180px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/hyper-nap-guide.css.map */