.hk-accordion{position:relative}.hk-accordion__title{margin:0 0 var(--hk-spacing-xl) 0}.hk-accordion__wrapper{display:block}.hk-accordion__nav{position:relative;margin-bottom:var(--hk-spacing-xl);-webkit-mask-image:linear-gradient(to right,#000 85%,transparent 100%);mask-image:linear-gradient(to right,#000 85%,transparent 100%)}@media(min-width:960px){.hk-accordion__nav{-webkit-mask-image:none;mask-image:none}}.hk-accordion__nav-list{display:flex;gap:var(--hk-spacing-lg);margin:0;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid rgba(var(--hk-color-border),.2)}.hk-accordion__nav-list::-webkit-scrollbar{display:none}.hk-accordion__nav-item{flex-shrink:0;position:relative}.hk-accordion__nav-btn{display:block;white-space:nowrap;padding:var(--hk-spacing-md) 0;background:none;border:none;color:inherit;cursor:pointer;text-align:left;font-family:var(--hk-font-family-secondary);font-size:var(--hk-font-size-base);font-weight:inherit;line-height:var(--hk-line-height-normal);opacity:.4;transition:opacity .4s ease,font-weight .4s ease;position:relative}.hk-accordion__nav-btn:hover{opacity:.7}.hk-accordion__nav-btn[aria-selected=true]{opacity:1;background-image:linear-gradient(currentColor,currentColor);background-size:100% 1px;background-position:bottom;background-repeat:no-repeat}@media(min-width:960px){.hk-accordion__nav-btn[aria-selected=true]{background-image:none}.hk-accordion__nav-btn[aria-selected=true]:not(:has(.hk-accordion__progress)):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor}}.hk-accordion__nav-btn:focus-visible{outline:2px solid rgba(var(--hk-color-primary),1);outline-offset:2px}.hk-accordion__progress{position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform-origin:left;transform:scaleX(0)}@media(min-width:960px){.hk-accordion__nav-btn[aria-selected=true] .hk-accordion__progress{animation:hk-accordion-progress var(--hk-accordion-duration, 5s) linear forwards}}@keyframes hk-accordion-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(min-width:960px){.hk-accordion--paused .hk-accordion__nav-btn[aria-selected=true] .hk-accordion__progress{animation-play-state:paused}}.hk-accordion__panels{position:relative}.hk-accordion__panel{display:none}.hk-accordion__panel--active{display:block;animation:hk-accordion-fade-in .5s cubic-bezier(.25,.1,.25,1) both}@keyframes hk-accordion-fade-in{0%{opacity:0;transform:translateY(calc(var(--hk-spacing-base) * 1))}to{opacity:1;transform:translateY(0)}}@media(min-width:960px){.hk-accordion__wrapper{display:grid;grid-template-columns:2fr 3fr;gap:var(--hk-spacing-3xl);align-items:start}.hk-accordion__nav{margin-bottom:0}.hk-accordion__nav-list{display:block;overflow-x:visible;border-bottom:none}.hk-accordion__nav-item{border-bottom:1px solid rgba(var(--hk-color-border),.2)}.hk-accordion__nav-item:first-child{border-top:none}.hk-accordion__nav-btn{width:100%;white-space:normal;padding:var(--hk-spacing-lg) 0;font-size:var(--hk-font-size-xl)}.hk-accordion--snap-heading .hk-accordion__panels{align-self:start;transition:padding-top .45s cubic-bezier(.25,.1,.25,1)}.hk-accordion--snap-heading .hk-accordion__panel--active{animation:none}}@media(prefers-reduced-motion:reduce){.hk-accordion__progress{animation:none;transform:scaleX(1)}.hk-accordion__panel--active{animation:none}.hk-accordion--snap-heading .hk-accordion__panels{transition:none}}