.hg-h{font-size:28px;line-height:32px;font-weight:600;letter-spacing:-.02em;margin:0 0 16px;color:var(--ink)}.hg-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.hg-b{grid-column:span var(--span, 12);border-radius:18px;overflow:hidden;position:relative;text-decoration:none;min-width:0}.hg-btn{display:inline-block;align-self:flex-start;background:#0071e3;color:#fff;border-radius:980px;font-size:14px;line-height:18px;padding:8px 16px;margin-top:12px}.hg-creator,.hg-feature,.hg-spot__ph{display:flex;flex-direction:column;justify-content:flex-end;height:var(--hg-row, 440px);background:#000;color:#f5f5f7}.hg-creator__img,.hg-spot__ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hg-creator:after,.hg-spot__ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000e0,#0000000a 55%)}.hg-creator__txt{position:relative;z-index:1;display:flex;flex-direction:column;padding:24px}.hg-creator__eb{font-size:15px;line-height:20px;color:#f5f5f7d1}.hg-creator__name{font-size:34px;line-height:38px;font-weight:600;letter-spacing:-.02em;color:#fff}.hg-spot{display:grid;grid-template-columns:calc((100% - 20px)/2) minmax(0,1fr);background:#000;height:var(--hg-row, 440px)}.hg-spot__ph{position:relative;height:100%}.hg-spot__ph:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to right,#0000 55%,#000)}.hg-spot__ph .hg-creator__txt{z-index:2}.hg-spot__list{padding:22px 22px 18px 30px;display:flex;flex-direction:column;min-height:0}.hg-spot__list ul{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.hg-spot__list a{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:16px;align-items:center;color:#f5f5f7;text-decoration:none}.hg-spot__list img{width:100px;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;display:block}.hg-spot__list b{font-size:17px;line-height:22px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hg-spot__list .is-out img{opacity:.4}.hg-spot__list .is-out b,.hg-out{color:#f5f5f780}.hg-out{font-size:13px;font-weight:600;white-space:nowrap}.hg-spot__all{align-self:flex-end;color:#2997ff;font-size:15px;margin-top:10px;text-decoration:none}.hg-chart{background:var(--panel);color:var(--ink);padding:22px 18px 14px;display:flex;flex-direction:column;height:var(--hg-row, 440px)}.hg-chart__eb{font-size:12px;line-height:16px;font-weight:600;color:#d52b1e;margin:0}.hg-chart h3{font-size:19px;line-height:24px;font-weight:600;letter-spacing:-.02em;margin:1px 0 8px;color:var(--ink)}.hg-chart ol{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.hg-chart a{display:grid;grid-template-columns:22px 64px minmax(0,1fr);gap:10px;align-items:center;text-decoration:none;color:var(--ink)}.hg-chart__rk{font-size:17px;font-weight:700;text-align:center}.hg-chart img,.hg-chart__ph{width:64px;aspect-ratio:16 / 9;object-fit:cover;border-radius:7px;display:block;background:var(--bg)}.hg-chart__t{min-width:0}.hg-chart__t b{display:block;font-size:14px;line-height:17px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hg-chart__t em{font-style:normal;font-size:11px;font-weight:600;color:#d52b1e;margin-left:6px}.hg-chart__t span{display:block;font-size:12px;line-height:15px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hg-chart a:hover b{color:var(--link)}.hg-chart--wide{height:auto;padding:24px 24px 20px;border:1px solid var(--hairline)}.tplcollection .hg-chart--wide{background:var(--bg)}.hg-chart--wide h3{margin-bottom:14px}.hg-chart--wide ol{flex:none;display:grid;gap:12px 40px}.colgrid__side{margin-bottom:28px;min-width:0}.colgrid__main{min-width:0}.hg-chart--side{height:auto;padding:18px 0 14px 18px;border:1px solid var(--hairline)}.tplcollection .hg-chart--side{background:var(--bg)}.hg-chart--side ol{flex:none;flex-direction:row;justify-content:flex-start;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:18px}.hg-chart--side ol::-webkit-scrollbar{display:none}.hg-chart--side li{flex:0 0 236px;scroll-snap-align:start}@media(min-width:1080px){.colgrid__wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.colgrid__side{grid-column:2;grid-row:1;margin:0;position:sticky;top:calc(var(--navh, 52px) + 88px)}.colgrid__main{grid-column:1;grid-row:1}.tplcollection .colgrid__main .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hg-chart--side{padding:22px 18px 16px}.hg-chart--side ol{flex-direction:column;overflow:visible;scroll-snap-type:none;padding:0;gap:12px}.hg-chart--side li{flex:none}}@media(min-width:768px){.hg-chart--wide ol{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows, 5),auto);grid-auto-flow:column}}.hg-feature{background:#1c1c20}.hg-feature__img{position:absolute;left:0;right:0;top:0;width:100%;height:78%;object-fit:cover;object-position:right top;-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent);mask-image:linear-gradient(to bottom,#000 62%,transparent)}.hg-feature__h{font-size:34px;line-height:38px;font-weight:600;letter-spacing:-.02em;color:#fff}.hg-float,.hg-help{background:#f5f5f7;color:#1d1d1f;text-align:center;display:flex;flex-direction:column;padding:22px 18px 0}.hg-float__eb{font-size:13px;line-height:17px;color:#6e6e73}.hg-float__h{font-size:20px;line-height:24px;font-weight:600;letter-spacing:-.01em;margin:2px 0 4px;color:#1d1d1f}.hg-float__s{font-size:14px;line-height:19px;color:#6e6e73;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hg-float__l{font-size:15px;line-height:20px;color:#06c;align-self:center;padding:0 4px}.hg-float__ls{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 16px}.hg-float--two .hg-float__l{text-decoration:none}.hg-float__art{display:flex;flex:1;min-height:0;margin-top:auto}.hg-float__art>img{margin:auto 0}.hg-float>img,.hg-float__art>img{width:100%;height:180px;object-fit:contain;object-position:center;margin:auto 0;padding:10px 0 16px;box-sizing:border-box;display:block}.hg-grid>.hg-float[style*="--span: 4"]{height:var(--hg-row, 440px)}.hg-grid>.hg-float[style*="--span: 4"] .hg-float__h{font-size:24px;line-height:28px}.hg-grid>.hg-float[style*="--span: 4"]>img{flex:1;min-height:0;height:auto;padding:24px 24px 34px}.hg-help{justify-content:flex-start;height:auto}.hg-help__d{font-size:13px;line-height:19px;color:#6e6e73;margin-bottom:8px}.hg-help__d span{display:block}.hg-help__bub{position:relative;align-self:center;margin:auto 0;width:84px;height:54px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(-8deg);box-shadow:0 16px 22px -12px #00000047}.hg-help__bub:after{content:"";position:absolute;left:14px;bottom:-8px;width:16px;height:16px;background:#fff;transform:skew(-18deg);clip-path:polygon(0 0,100% 0,0 100%)}.hg-help__bub i{width:9px;height:9px;border-radius:50%;background:#0071e3}.hg-help__bub i:nth-child(2){opacity:.7}.hg-help__bub i:nth-child(3){opacity:.4}.hg-join{display:grid;grid-template-columns:1.25fr 1fr;color:#f5f5f7;min-height:300px;background:radial-gradient(130% 160% at 72% 35%,#21452f,#123020 45%,#08180f)}.hg-join:before{content:"";position:absolute;left:55.56%;top:30px;bottom:30px;width:1px;background:#ffffff1f}.hg-join__or{position:absolute;left:55.56%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#0b1d12;border:1px solid rgba(255,255,255,.18);color:#f5f5f7b3;font-size:12px;display:flex;align-items:center;justify-content:center;z-index:2}.hg-join__l{padding:30px 52px 26px 40px;display:flex;flex-direction:column;justify-content:center}.hg-join__eb{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#f5f5f78c;margin:0 0 8px}.hg-join h3,.hg-join__gh{font-size:26px;line-height:30px;font-weight:600;letter-spacing:-.02em;color:#fff;margin:0}.hg-join h3{margin-bottom:20px;white-space:nowrap}.hg-join__form{display:flex;gap:10px}.hg-join__form input[type=email]{flex:1;min-width:0;background:#00000052;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:15px 18px;font-size:16px;color:#fff}.hg-join__form input::placeholder{color:#f5f5f78c}.hg-join__form button{background:#0071e3;color:#fff;border:0;border-radius:980px;padding:15px 24px;font-size:16px;white-space:nowrap;cursor:pointer}.hg-join__ok{font-size:16px;color:#fff;margin:0}.hg-join__err{font-size:13px;color:#ff9b94;margin:0 0 8px;flex-basis:100%}.hg-join__form:has(.hg-join__err){flex-wrap:wrap}.hg-join__legal{font-size:10px;line-height:14px;color:#f5f5f766;margin:10px 0 0}.hg-join__r{position:relative;overflow:hidden;padding:40px 30px 30px 52px}.hg-join__gh span{color:#ff6b61}.hg-join__play{position:relative;z-index:2;display:inline-block;margin-top:18px;background:#fff;color:#000;border-radius:980px;padding:10px 28px;font-size:15px;font-weight:600;text-decoration:none}.hg-join__play[hidden]{display:none}.hg-join__gh{position:relative;z-index:2}.hg-join__fan{position:absolute;right:-30px;bottom:-70px;width:300px;height:260px;pointer-events:none}.hg-join__fan img{position:absolute;bottom:0;left:50%;width:120px;aspect-ratio:5 / 7;border-radius:9px;background:#fff;box-shadow:0 14px 30px #00000080;transform-origin:50% 100%;object-fit:cover}.hg-join__fan .b1,.hg-join__fan .b2{padding:4px;box-sizing:border-box;object-fit:fill}.hg-join__fan .b1{transform:translate(-50%) rotate(-28deg) translate(-70px) translateY(10px)}.hg-join__fan .q{background:transparent;box-shadow:none;filter:drop-shadow(0 14px 24px rgba(0,0,0,.5));object-fit:fill;transform:translate(-50%) rotate(-8deg) translateY(-12px);z-index:1}.hg-join__fan .b2{transform:translate(-50%) rotate(14deg) translate(66px) translateY(14px)}@media(max-width:767px){.hg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hg-b{grid-column:span 2}.hg-b--half{grid-column:span 1}.hg-h{font-size:26px;line-height:30px}.hg-creator,.hg-feature{height:360px}.hg--swipe .hg-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0;padding:0;scrollbar-width:none;border-radius:18px}.hg--swipe .hg-grid::-webkit-scrollbar{display:none}.hg--swipe .hg-b{flex:0 0 78%;scroll-snap-align:start}.hg-creator__name,.hg-feature__h{font-size:28px;line-height:32px}.hg-spot{grid-template-columns:1fr;height:auto}.hg-spot__ph{height:260px}.hg-spot__ph:before{background:linear-gradient(to bottom,#0000 55%,#000)}.hg-spot__list{padding:18px 18px 16px}.hg-spot__list ul{gap:8px}.hg-spot__list a{grid-template-columns:72px minmax(0,1fr) auto;gap:12px}.hg-spot__list img{width:72px}.hg-chart{height:auto}.hg-chart ol{gap:8px}.hg-feature__img{height:62%;object-position:96% top}.hg-float{padding:18px 12px 0}.hg-float__h{font-size:17px;line-height:21px}.hg-float__l{font-size:14px}.hg-float__s{font-size:12px;line-height:16px;white-space:normal;text-overflow:clip;text-wrap:balance}.hg-grid>.hg-float[style*="--span: 4"]{height:auto}.hg-float>img,.hg-float__art>img{height:130px;padding:8px 0 12px}.hg-grid>.hg-float[style*="--span: 4"]>img{flex:none;height:220px;padding:16px 24px 24px}.hg-join{grid-template-columns:1fr}.hg-join:before{display:none}.hg-join__or{position:relative;left:auto;top:auto;transform:none;margin:0 auto}.hg-join__l{padding:28px 24px 30px}.hg-join h3{white-space:normal}.hg-join__form{flex-direction:column}.hg-join__r{padding:26px 24px 36px;min-height:230px}.hg-join__l{padding-bottom:20px}.hg-join__r{padding:18px 24px 26px;min-height:0}.hg-join__fan{left:auto;right:-34px;bottom:-58px;width:220px;height:240px;margin:0}.hg-join__fan img{width:118px;border-radius:10px}.hg-join__fan .b1{transform:translate(-50%) rotate(-22deg) translate(-64px) translateY(10px)}.hg-join__fan .b2{transform:translate(-50%) rotate(14deg) translate(62px) translateY(12px)}.hg-help{padding-bottom:0}.hg>.inner.tight,.sp>.inner.tight{padding-bottom:0;margin-bottom:-12px}.hg>.inner>.hg-h:first-child{margin-top:10px}}.hg-join__fan .q{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.hg-join:hover .hg-join__fan .q{transform:translate(-50%) rotate(-8deg) translateY(-30px)}@media(prefers-reduced-motion:reduce){.hg-join:hover .hg-join__fan .q{transform:translate(-50%) rotate(-8deg) translateY(-12px)}}@keyframes hg-typing{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.hg-help__bub i{animation:hg-typing 1.2s ease-in-out infinite}.hg-help__bub i:nth-child(2){animation-delay:.2s}.hg-help__bub i:nth-child(3){animation-delay:.4s}@keyframes hg-bubble{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-8px)}}.hg-help:hover .hg-help__bub{animation:hg-bubble 2s cubic-bezier(.45,.05,.55,.95) infinite}@media(prefers-reduced-motion:reduce){.hg-help__bub i,.hg-help:hover .hg-help__bub{animation:none}}.hg-help{padding-bottom:22px}.hg-help .hg-float__l{margin-bottom:16px}@media(max-width:767px){.hg-help{min-height:260px;padding-bottom:26px}}.hg-help__art{position:relative;align-self:center;margin:auto 0;display:block}.hg-help__art .pip-orb{position:absolute;filter:drop-shadow(0 14px 18px rgba(0,0,0,.22))}.hg-help__art .hg-help__bub{position:absolute;margin:0}.hg-help--pip:hover .hg-help__bub{animation:none}.hg-help--pip:hover .hg-help__art .pip-orb{animation:pip-float 2s ease-in-out infinite}.hg-help__art--pip-a{width:160px;height:120px}.hg-help__art--pip-a .pip-orb{left:4px;bottom:0;width:78px}.hg-help__art--pip-a .hg-help__bub{right:0;top:0}.hg-help--pip:has(.hg-help__art--pip-b){overflow:hidden;padding-bottom:0}.hg-help__art--pip-b{width:200px;height:150px;margin:auto 0 0}.hg-help__art--pip-b .pip-orb{left:18px;bottom:-46px;width:140px}.hg-help__art--pip-b .hg-help__bub{right:0;top:0}.hg-help__art--pip-c{width:168px;height:64px}.hg-help__art--pip-c .pip-orb{left:0;bottom:0;width:58px}.hg-help__art--pip-c .hg-help__bub{right:0;top:2px;transform:none;border-radius:18px 18px 18px 6px}.hg-help__art--pip-c .hg-help__bub:after{left:-6px;bottom:6px;width:14px;height:14px;transform:none;clip-path:polygon(100% 0,100% 100%,0 100%)}
/*# sourceMappingURL=/cdn/shop/t/134/assets/home-grid.css.map */