.hc{--ink:#111;--mut:#555;--line:#e3e3e3;--ink2:#000;--tf:var(--font-head-family,Inter,"Helvetica Neue",Helvetica,Arial,sans-serif);--tw:500;--tls:.6px;--bt:24px;--hang:62px;position:relative;background:#fff;color:var(--ink);overflow:hidden;padding:44px 0 26px}.hc [hidden]{display:none!important}.hc-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hc-bg canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hc-head,.hc-stage,.hc-cap{position:relative}.hc-head{z-index:3;text-align:center;margin:0 0 22px;padding:0 16px;transform-origin:50% 50%}.hc-eye2{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#111;margin:0 0 6px;font-weight:500}.hc .hc-head h2{font-family:var(--tf);font-weight:var(--tw);letter-spacing:var(--tls);font-size:28px;line-height:1.2;color:var(--ink2);margin:0 0 8px;text-transform:capitalize}.hc-head p{margin:0 0 12px;font-size:12px;font-weight:400;letter-spacing:.6px;color:var(--mut)}.hc-all{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:2px}html body #hnh-closet .hc-head h2:not(#x):not(#y):not(#z){font-size:28px!important;font-weight:500!important;letter-spacing:.6px!important;text-transform:capitalize!important}.hc-more{transition:opacity .7s ease}.hc-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 20px;margin:14px 0 0}.hc .hc-tab{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:6px 0;margin:0;min-width:0;min-height:0;box-shadow:none;font:inherit;font-size:11px;font-weight:400;letter-spacing:.55px;line-height:1.15;text-transform:uppercase;color:#6b6b6b;cursor:pointer}.hc .hc-tab.on{font-weight:700;color:#111;border-bottom-color:#111}.hc .hc-tab[hidden]{display:none}.hc-more.off{opacity:0;pointer-events:none}.hc-stage{z-index:2;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;outline:none;-webkit-tap-highlight-color:transparent}.hc-stage.drag{cursor:grabbing}.hc-stage:focus-visible{box-shadow:inset 0 0 0 2px #111}.hc-tube{position:absolute;left:50%;transform:translate(-50%);top:var(--bt);width:min(1100px,92%);height:12px;border-radius:6px;z-index:1;background:linear-gradient(180deg,#fdfefe,#eef1f3 14%,#c3c9ce 36%,#8b939a 55%,#a9b0b6 70%,#dfe3e6 84%,#7f878e);box-shadow:inset 0 1px #fffc,0 14px 18px -10px #00000059,0 3px 4px -2px #00000040;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),opacity .5s ease}.hc-tube:before,.hc-tube:after{content:"";position:absolute;top:-9px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff,#e3e7ea 22%,#a7aeb4 55%,#737b82 82%,#5d646a);box-shadow:0 6px 10px -3px #00000059,inset 0 0 0 1px #00000014}.hc-tube:before{left:-14px}.hc-tube:after{right:-14px}.hc-track{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transition:opacity .6s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.hc-it{position:absolute;left:0;top:0;width:0;height:0;will-change:transform,opacity}.hc-g{position:absolute;left:0;top:0;transform-origin:0 var(--bt)}.hc-v{position:absolute;left:0;top:var(--hang);max-width:none;pointer-events:none;will-change:transform,opacity;filter:drop-shadow(0 14px 12px rgba(20,25,30,.15))}.hc-hook{position:absolute;left:-1.3px;top:calc(var(--bt) - 7px);width:2.6px;height:calc(var(--hang) - var(--bt) + 10px);border-radius:2px;z-index:3;background:linear-gradient(90deg,#7d858c,#f4f6f8 45%,#959da4);pointer-events:none}.hc-hook:before{content:"";position:absolute;left:-1px;top:-3px;width:9px;height:9px;border:2.6px solid #a9b0b6;border-color:#c9ced3 #9aa2a9 transparent transparent;border-radius:50%;transform:rotate(-45deg);box-sizing:border-box}.hc-pp{position:absolute;right:max(4%,16px);bottom:4px;z-index:4;width:30px;height:30px;border-radius:50%;border:1px solid #e3e3e3;background:#ffffffe6;cursor:pointer;display:grid;place-items:center;padding:0;color:#111;transition:opacity .6s ease}.hc-pp svg{width:12px;height:12px}.hc-cap{min-height:44px;text-align:center;margin-top:10px;padding:0 16px;transition:opacity .4s ease}.hc-cap b{display:block;font-size:11px;line-height:16px;letter-spacing:.6px;text-transform:uppercase;font-weight:400}.hc-cap span{font-size:10px;color:#121212;letter-spacing:1px;font-weight:800}.hc-hint{font-size:10px;color:#8a8a8a;letter-spacing:.6px;text-transform:uppercase;margin-top:3px}.hc-cap.fade{opacity:0}.hc-bar{position:relative;z-index:3;display:flex;justify-content:center;gap:6px;margin:14px auto 0;transition:opacity .4s ease}.hc .hc-bar button{width:18px;height:14px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;cursor:pointer;background:linear-gradient(#d4d4d4,#d4d4d4) center/100% 2px no-repeat;transition:width .3s ease,background .3s ease}.hc .hc-bar button.on{width:28px;background:linear-gradient(#111,#111) center/100% 2px no-repeat}.hc-cap.pre+.hc-bar{opacity:0;pointer-events:none}.hc-tube.pre{transform:translate(-50%) scaleX(0);opacity:0}.hc-track.pre{opacity:0}.hc-track.pre.up{transform:translateY(18px)}.hc-cap.pre,.hc-pp.pre{opacity:0;pointer-events:none}.hc.anim .hc-head{opacity:0}.hc-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:40px;padding:64px 6vw 32px;background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .3s;box-sizing:border-box;color:#111}.hc-ov.on{opacity:1}.hc-os{--hs: calc(min(74vh,660px) - 76px) ;--ob:14px;--oh:58px;position:relative;height:min(74vh,660px);filter:drop-shadow(0 18px 22px rgba(20,25,30,.16));touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.hc-os .hc-tube{top:var(--ob);width:76%}.hc-os .hc-hook{left:50%;margin-left:-1.3px;top:calc(var(--ob) - 7px);height:calc(var(--oh) - var(--ob) + 10px)}.hc-ov .hc-ov-v{position:absolute;left:50%;top:var(--oh);max-width:none;pointer-events:none;opacity:0;z-index:2}.hc-turn{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#8a8a8a}.hc-info{max-width:420px;display:flex;flex-direction:column;gap:14px;min-width:0}.hc-eye{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#555}.hc-info h3{font-family:var(--font-head-family,inherit);font-size:14px;line-height:1.5;margin:0;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:#1e1e1e}.hc-price{font-size:14px;letter-spacing:1.3px;font-weight:800;color:#121212}.hc-seg{display:inline-flex;border:1px solid #e3e3e3;align-self:flex-start}.hc-seg button{border:0;background:transparent;padding:8px 16px;font:inherit;font-size:11px;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;color:#111}.hc-seg button.on{background:#111;color:#fff}.hc-seg button:disabled{opacity:.3;cursor:not-allowed}.hc-lbl{font-size:11px;letter-spacing:.8px;font-weight:500;text-transform:uppercase;color:#121212}.hc-sizes{display:flex;flex-wrap:wrap;gap:6px}.hc-sz{width:44px;height:44px;border:1px solid #d6d6d6;background:#fff;cursor:pointer;font:inherit;font-size:12px;letter-spacing:.5px;color:#121212}.hc-sz:hover{border-color:#111}.hc-sz.on{border-color:#111;box-shadow:inset 0 0 0 1px #111}.hc-sz:disabled{color:#a0a0a0;text-decoration:line-through;cursor:not-allowed;background:#f6f6f6}.hc-add{height:50px;border:0;background:#000;color:#fff;font:inherit;font-size:14px;font-weight:400;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.hc-add:disabled{background:#8a8a8a;cursor:not-allowed}.hc-link{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#111;text-underline-offset:4px;align-self:flex-start}.hc-msg{font-size:12px;color:#b00020;min-height:16px}.hc-x{position:fixed;top:16px;right:20px;z-index:2147483001;border:1px solid #e3e3e3;background:#fff;padding:9px 16px;font:inherit;font-size:11px;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;color:#111}.hc-nav{position:fixed;top:16px;left:20px;z-index:2147483001;display:flex;gap:6px;align-items:center}.hc-nav button{width:38px;height:36px;border:1px solid #e3e3e3;background:#fff;cursor:pointer;font-size:16px;color:#111}.hc-nav span{font-size:11px;color:#555;margin-left:6px;letter-spacing:.6px}@media(max-width:767px){.hc{--bt:14px;--hang:40px;padding:22px 0 16px}.hc-bar{margin-top:8px}.hc-head{margin-bottom:10px}.hc-eye2{font-size:11px;margin-bottom:4px}.hc .hc-head h2{margin-bottom:6px}.hc-head p{margin-bottom:8px}.hc-all{font-size:11px}.hc-tube{width:calc(100% - 20px);height:9px}.hc-tube:before,.hc-tube:after{top:-7px;width:22px;height:22px}.hc-v{filter:drop-shadow(0 8px 7px rgba(20,25,30,.14))}.hc-pp{right:12px;width:26px;height:26px}.hc-cap{min-height:0;margin-top:2px}.hc-cap b{display:inline}.hc-cap span{margin-left:8px}.hc-hint{font-size:9.5px}.hc-ov{grid-template-columns:1fr;align-items:start;overflow-y:auto;padding:58px 16px 18px;gap:12px}.hc-os{--hs: calc(max(44vh,280px) - 62px) ;--ob:10px;--oh:46px;height:max(44vh,280px)}.hc-info{max-width:none;gap:10px}.hc-info h3{font-size:14px}.hc-sz{width:40px;height:40px;font-size:12px}.hc-add{position:sticky;bottom:10px;z-index:2;height:46px}.hc-x{top:12px;right:12px;padding:8px 12px}.hc-nav{top:12px;left:12px}.hc-nav button{width:34px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/hnh-closet.css.map */