.hk-pg-timeline-wrap{width:100%;container-type:inline-size}.hk-pg-timeline-grid{--hk-timeline-gap-x:30px;--hk-timeline-gap-y:30px;--hk-timeline-arrow-w:18px;--hk-timeline-arrow-h:17px;justify-content:center;align-items:stretch;column-gap:var(--hk-timeline-gap-x);row-gap:var(--hk-timeline-gap-y);grid-template-columns:minmax(0,360px);width:100%;display:grid}.hk-pg-timeline-cell{min-width:0;position:relative}.hk-pg-timeline-arrow{z-index:1;width:var(--hk-timeline-arrow-w);height:var(--hk-timeline-arrow-h);pointer-events:none;display:none;position:absolute}.hk-pg-timeline-arrow--end{margin-top:calc(var(--hk-timeline-arrow-h) / -2);margin-left:calc((var(--hk-timeline-gap-x) - var(--hk-timeline-arrow-w)) / 2);top:50%;left:100%}.hk-pg-timeline-arrow--start{margin-top:calc(var(--hk-timeline-arrow-h) / -2);margin-right:calc((var(--hk-timeline-gap-x) - var(--hk-timeline-arrow-w)) / 2);top:50%;right:100%;transform:rotate(180deg)}.hk-pg-timeline-arrow--down{margin-top:calc((var(--hk-timeline-gap-y) - var(--hk-timeline-arrow-h)) / 2);margin-left:calc(var(--hk-timeline-arrow-w) / -2);top:100%;left:50%;transform:rotate(90deg)}.hk-pg-timeline-cell:not(:last-child) .hk-pg-timeline-arrow--down{display:block}.hk-pg-timeline-grid--n10{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;padding-block:4px;display:flex;overflow-x:auto}.hk-pg-timeline-grid--n10::-webkit-scrollbar{display:none}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell{scroll-snap-align:start;flex:0 0 min(220px,58%)}@container (max-width:539px){.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell>*,.hk-pg-timeline-grid--n10 .hk-pg-timeline-arrow *{opacity:1!important;transform:none!important}}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(n) .hk-pg-timeline-arrow{display:none}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:not(:last-child) .hk-pg-timeline-arrow--end{display:block}@container (min-width:540px){.hk-pg-timeline-grid--n6{grid-template-columns:repeat(2,minmax(0,240px))}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:first-child{order:1}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(2){order:2}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(3){order:4}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(4){order:3}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(5){order:5}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(6){order:6}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(n) .hk-pg-timeline-arrow{display:none}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:first-child .hk-pg-timeline-arrow--end,.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(5) .hk-pg-timeline-arrow--end,.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(3) .hk-pg-timeline-arrow--start,.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(2) .hk-pg-timeline-arrow--down,.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(4) .hk-pg-timeline-arrow--down{display:block}}@container (min-width:840px){.hk-pg-timeline-grid--n6{grid-template-columns:repeat(3,minmax(0,250px))}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:first-child{order:1}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(2){order:2}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(3){order:3}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(4){order:6}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(5){order:5}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(6){order:4}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(n) .hk-pg-timeline-arrow{display:none}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:first-child .hk-pg-timeline-arrow--end,.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(2) .hk-pg-timeline-arrow--end,.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(4) .hk-pg-timeline-arrow--start,.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(5) .hk-pg-timeline-arrow--start,.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(3) .hk-pg-timeline-arrow--down{display:block}}@container (min-width:1560px){.hk-pg-timeline-grid--n6{grid-template-columns:repeat(6,minmax(0,240px))}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:first-child,.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(2),.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(3),.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(4),.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(5),.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(6){order:0;min-height:302px}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:nth-child(n) .hk-pg-timeline-arrow{display:none}.hk-pg-timeline-grid--n6 .hk-pg-timeline-cell:not(:last-child) .hk-pg-timeline-arrow--end{display:block}.hk-pg-timeline-grid--n6 .hk-pg-timeline-title{height:68px;min-height:68px;padding-block:0}}@container (min-width:540px){.hk-pg-timeline-grid--n10{scroll-snap-type:none;--hk-timeline-gap-x:42px;--hk-timeline-gap-y:42px;--hk-timeline-arrow-w:24px;--hk-timeline-arrow-h:22px;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;width:100%;max-width:600px;margin-inline:auto;padding-block:0;display:grid;overflow:visible}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell{scroll-snap-align:unset;flex:none}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:first-child{order:1}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(2){order:2}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(3){order:4}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(4){order:3}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(5){order:5}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(6){order:6}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(7){order:8}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(8){order:7}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(9){order:9}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(10){order:10}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(n) .hk-pg-timeline-arrow{display:none}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:first-child .hk-pg-timeline-arrow--end,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(5) .hk-pg-timeline-arrow--end,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(9) .hk-pg-timeline-arrow--end,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(3) .hk-pg-timeline-arrow--start,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(7) .hk-pg-timeline-arrow--start,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(2) .hk-pg-timeline-arrow--down,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(4) .hk-pg-timeline-arrow--down,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(6) .hk-pg-timeline-arrow--down,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(8) .hk-pg-timeline-arrow--down{display:block}}@container (min-width:1320px){.hk-pg-timeline-grid--n10{--hk-timeline-gap-y:42px;grid-template-columns:repeat(5,minmax(0,1fr));max-width:none;margin-inline:0;display:grid}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:first-child{order:1}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(2){order:2}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(3){order:3}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(4){order:4}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(5){order:5}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(6){order:10}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(7){order:9}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(8){order:8}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(9){order:7}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(10){order:6}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell{min-height:310px}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(n) .hk-pg-timeline-arrow{display:none}.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:first-child .hk-pg-timeline-arrow--end,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(2) .hk-pg-timeline-arrow--end,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(3) .hk-pg-timeline-arrow--end,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(4) .hk-pg-timeline-arrow--end,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(6) .hk-pg-timeline-arrow--start,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(7) .hk-pg-timeline-arrow--start,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(8) .hk-pg-timeline-arrow--start,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(9) .hk-pg-timeline-arrow--start,.hk-pg-timeline-grid--n10 .hk-pg-timeline-cell:nth-child(5) .hk-pg-timeline-arrow--down{display:block}}